Tag: css

通过javascript修改时，onchange不会触发: 我正在使用频谱（ https://github.com/bgrins/spectrum ），一个用于彩色托盘的jQuery插件。我的目标是将颜色直接应用于背景，同时用户正在浏览不同的颜色。到目前为止我所拥有的是： //*****Part of a 3rd party file, which I cannot modify**** $(“#picker1”).spectrum({ allowEmpty:true, color: “#ECC”, showInput: true, preferredFormat: “hex”, }); //*********************************** $(“#picker1”).on(“change keyup paste”, function(){ newcolor=$(“#picker1”).val(); $(“.menu-itempreview”).css(“background-color”, newcolor); }); Home Sample Page Uncategorized 在这里小提琴： http ： //jsfiddle.net/h4Lc5b6a/ 问题是，颜色仅在用户点击提交按钮时更新。我怎样才能做到这一点，以便在用户浏览不同颜色的同时动态更新背景？似乎问题在于onchange，当javascript修改输入字段时，它不会触发。

带有phonegap和jquery mobile的$ .getScript和css问题: 这是我的文件。保留/www/js/index.js原样。页面流应该是： app starts – > index.html – >从indexB.js加载MainPage.html – > MainPage.html但是所有的css都没有加载。当我从index.html中删除’body onload =“init（）;”’并复制并过去MainPage.html到index.html的主体时，css没有问题。由此，我检查了所有的css路线都是正确的。 /www/index.html /www/js/indexB.js var pagesHistory = []; var currentPage = {}; var path = “”; function init(){ $(“div[data-role=’page’]”).load(path + “pages/MainPage.html”, function(){ $.getScript(path + “js/MainPage.js”, function() { if (currentPage.init) { currentPage.init(); } }); }); } /www/pages/MainPage.html $.getScript(path + “js/MainPage.js”); Friends […]

如何创建一个标题栏，左侧有一些文本，右侧有一些文本？: 我正在使用jquery小部件，我需要在标题栏的左侧创建一个带有一些文本的标题，然后在右侧创建一些标题。这是一个片段： New Task Todo This needs 但是，右手文字在左手下方移位一行。如何在左边和右边的一些文本中添加一行？

CSS更改无线电的主动选择: 我正在使用以下内容创建一个切换开关，而不是单选按钮 – 它工作得很好 .switch { display: block; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-weight: bold; text-transform: uppercase; background: #eee; border: 1px solid #aaa; padding: 2px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.2); margin-left: 20px; } .switch input[type=radio] { display: none; } .switch label { display: block; float: left; padding: 3px 6px; -moz-border-radius: 5px; -webkit-border-radius: […]

单击（虚拟桌面）将div移动到顶部: 我有一个像虚拟桌面一样工作的应用程序（底部水平栏中的图标）。单击图标时，将打开一个窗口（动态创建）。如果您单击另一个（或相同）图标，则另一个窗口将向下打开10px，从最后一个窗口向右打10px，然后移动到顶部。我需要完成的是，如果您单击在另一个窗口下移动的窗口，则单击的窗口将移动到顶部。下面是我到目前为止所得到的，但它根本不是一个好的解决方案（例如，如果你点击一个已经在顶部的窗口，那么函数仍会运行并且窗口上的z-index计数）。什么是更优雅的解决方案？提前致谢！ Windows.prototype.moveOnTop = function(){ var boxes = $(‘.window’); boxes.click(function() { var thisWindow = $(this); Windows.prototype.getZindex(thisWindow); }); } Windows.prototype.getZindex = function(thisWindow){ var boxes = $(‘.window’); var maxZindex = 0; boxes.each(function() { var zIndex = parseInt($(this).css(‘z-index’), 10); maxZindex = Math.max(maxZindex, zIndex); }); thisWindow.css(“z-index”, maxZindex + 1); }

IE7：无法让菜单贴在页面顶部: 在这里演示： http://jsfiddle.net/auMd5/ 我希望当您滚过它时，蓝色菜单栏会粘在页面顶部，然后当您向上滚动它时，可以快速回到原始位置。在我测试过的每个其他浏览器中，让jQuery有条件地将菜单的position从relative position切换到fixed position 。但它在IE7中不起作用。为了测试，我尝试删除所有JavaScript并将position设置为CSS中的fixed 。这看起来应该在IE7中。另外要测试，我有条件if ($(‘table#menu’).position().top + 10 <= $(window).scrollTop())触发警报。它有效，这意味着IE7可识别该事件。所以我想要的CSS静态工作，JavaScript条件正常工作。有关问题的任何想法？

如何在Javascript中更改其显示属性时，如何使我的元素淡入淡出？: 单击一个按钮（使用onclick），我在none和block之间切换三个div的显示样式。我不知道如何让这些div消失。我也愿意使用JQuery，但我不知道如何在这里集成和使用fadeIn()和fadeOut()函数。关于如何做到这一点的任何建议将不胜感激。下面是被调用onclick以供参考的函数，这是我的div的display属性被切换的地方。 function divSelector(count){ if (count == 1){ var temp = document.getElementById(‘second-about-text’); temp.style.display = ‘none’; temp = document.getElementById(‘third-about-text’); temp.style.display = ‘none’; temp = document.getElementById(‘first-about-text’); temp.style.display = ‘block’; } else if (count == 2){ var temp = document.getElementById(‘first-about-text’); temp.style.display = ‘none’; temp = document.getElementById(‘third-about-text’); temp.style.display = ‘none’; temp = document.getElementById(‘second-about-text’); temp.style.display = ‘block’; […]

在菜单中添加一个类，然后使用jquery单击链接？: 我正在尝试使用jquery在我的css菜单中添加一个类，它添加了当您单击菜单项时选择的类但它实际上没有单击超链接。编辑：它添加了一个li类。但是当我点击它时，它什么也没做 HTML： Home About Contact jQuery的： $(function () { $(‘.topmenu a:link’).click(function (e) { e.preventDefault(); var $this = $(this); $this.closest(‘ul’).children(‘li’).removeClass(‘selected’); $this.parent().addClass(‘selected’); }); }); 我需要它点击链接一旦它分配了“选择”类，奇怪，因为手动点击似乎不起作用？ CSS： #nav { width: 100%; height: 30px; } nav a.current { display: block; margin: auto; width: 950px; } nav ul { list-style: none outside none; margin: 8px 0 0; } […]

如何在发生变化时将访问过的链接更改为未访问的链接: 有没有办法让访问链接回到未访问状态而不删除hystory中的任何内容？我想在一个论坛上这样做，当有人在一个主题中回复时，它必须将该主题链接变为未访问的。我正在使用这个CSS： a.newold:visited {color:#999999;} a.newold:link {font-weight: bold;} 并且有主题列表： TITLE 问题是：当我点击某个主题时，它会自动更新为访问过的？我想要一些东西（如果可能的话），当我在该主题中添加回复时，其链接将被更新为未访问过的关于我正在寻求什么的更多信息：示例：主题名称为：TEST。首先是未访问的主题，它看起来像： TEST ; 我点击它，我看了它，它看起来像：TEST; 然后我在该主题中添加回复; 该主题将再次被访问： TEST ; 我认为这是尽可能清楚的。如果我使用其他变量，比如$user看到的topic_id ，它会很糟糕，因为它是一个很大的请求，所以我想知道是否有一些事情可以在没有数据库请求的情况下完成。

Jquery循环 – 如何在不破坏缩略图寻呼机的情况下将我的图像包装在span标签中？: http://jsfiddle.net/2gktS/21/ 基本上那里的jfiddle显示正在发生的事情。我在图像周围使用了span标签，以便在滑块中的图像下方启用文本字段，以使文本随图像一起变化。它可以工作，但现在我使用缩略图作为它破坏的寻呼机。有没有办法让他们使用span标签？编辑 – 我正在使用我的页面的js： $(document).ready(function() { $(‘.slideshow’) .cycle({ fx: ‘fade’, speed: 2500, pause: 1, next: ‘#next’, prev: ‘#prev’, pager: ‘#pagernav’, // callback fn that creates a thumbnail to use as pager anchor pagerAnchorBuilder: function(idx, slide) { return ”; } }); $(‘#pauseButton’).click(function() { $(‘.slideshow’).cycle(‘pause’); }); $(‘#resumeButton’).click(function() { $(‘.slideshow’).cycle(‘resume’); }); });