Tag: css

jQuery无法将类添加到动态添加的内容中: 我知道如果我动态添加内容，我必须使用on（）为父元素使用事件处理程序。但是当我在动态添加的内容上使用addClass时，类会立即消失。这是HTML的相关部分（只是为了确保我不会错过拼写错误）：这是添加动态元素的代码： function GetCategories() { var url = ‘./ajax/training_management_data.php’; $(‘#training_management_categories_items’).html(”); $(‘#training_management_categories_items_ul’).append(‘ \ \ All \ \ ‘); $.ajax({ url: url, type: “POST”, data: “action=get_categories”, dataType: ‘json’, success: function (data) { $.each(data, function(index, data) { $(‘#training_management_categories_items_ul’).append(‘ \ \ ‘+data.name+’ \ \ ‘); }); } }); } $(document).ready(function() { GetCategories(); }); 但是当我单击该元素时，该类被添加为0.1秒（必须将.categories_selected的background-color .categories_selected为红色才能看到它）并且我不明白为什么。 $(‘#training_management_categories_items’).on(‘click’, ‘.training_management_categories_list_a’, […]

Fancybox：只是页面中显示的一些图像，但在图库中有更多: 这是我调用FancyBox的脚本： jQuery(document).ready(function() { jQuery(“.fancybox”).fancybox({ helpers : { title : { type : ‘float’ } }, beforeShow: function(){ this.title = ”+jQuery(this.element).next(‘div’).html()+”; } }); }); 这些是我在HTML中的6张图片 DESCRIPTION DESCRIPTION DESCRIPTION DESCRIPTION DESCRIPTION DESCRIPTION 我想做的是：只有这6个图像显示在页面中，但当用户点击下一个图标（在fancybox内）时，其他图像被加载到图库中（因此，到达第五个图像时它不会重启但继续其他图像）。我不能用display:none来做到这一点display:none当点击下一个时display:none删除，因为它们会是很多图像。带有display:none图像仍然在加载时加载。你能提供一些如何以干净的方式做到这一点的例子吗？ 🙂

在fc-content fullcalendar中更改img的位置: 我试图改变.fc-content内的图像位置而不改变内容的位置。 if ((event.title).toString() == “Present”) { eventElement.find(“div.fc-content”).prepend(“”); } else if ((event.title).toString() == “Absent”){ eventElement.find(“div.fc-content”).prepend(“”); } 我试过position = relative ， bottom = 0 ， float = right但是没有用。我试图在单元格的左下方缺少显示“交叉”标记，其中作为单元格右下角的“勾选”标记。更新：图像来自控制器; var presentEventList = from e in presentDates select new { id = EnrollNumber, title = “Present”, start = ((DateTime)e.Date).ToString(“s”), end = ((DateTime)e.Date).ToString(“s”), borderColor = “#ffffff”, color […]

为什么不是所有图像都显示在此滑块中？: 这是我的代码 $(document).ready(function() { var startSlider = function() { var startSlide = $(“.slider li:first”); var nextSlide = $(“.active”).next(“li”); $(“.active”).removeClass(); if(nextSlide.html() == null) { nextSlide = startSlide; } nextSlide.addClass(“active”); setTimeout(startSlider, 1000); }; setTimeout(startSlider, 1000); }); .active{ display:none; } 当我运行此代码时，只有蓝色和黑色的div一次又一次出现。这可能是什么原因？我试图把活跃的课程放在不同的位置，但它没有帮助。我删除了回答中提出的错字，它不在原始代码中，只出现在这里。

如何使用jQuery更改bootstrap按钮样式: 按钮样式为http://getbootstrap.com/2.3.2/base-css.html#buttons 我想通过使用jQuery来改变诸如“btn-danger”或“btn-info”之类的风格……我认为需要删除样式并添加新的… 怎么做。谢谢。

自定义jQuery UI样式复选框: 我正在使用没有图标的jQueryUI复选框，但无法找到如何使用CSS修改/覆盖复选框样式。例如，我想在“已选中”按钮上添加红色边框，但以下CSS不起作用（我从DevTools Elements窗格中推断出了类）： .ui-checkboxradio-label .ui-corner-all .ui-button .ui-widget .ui-checkboxradio-checked .ui-state-active { border: 2px solid rgb(255,0,0) !important; } .checkbox-noicon .ui-checkboxradio .ui-helper-hidden-accessible { border: 2px solid rgb(255,0,0) !important; } 我也尝试直接修改输入的“已检查”状态的样式，也没有效果： input[type=checkbox]:checked { border: 2px solid rgb(255,0,0) !important; } 难道我做错了什么？

垂直导航与流体水平子菜单: 我想建立一个垂直导航。这有点特别，因为子导航应该显示在主链接的旁边，应该像这样流畅： Item 1 Item 2 | Subitem 1 | Subitem 2 | Subitem 3 Subitem 4 | Subitem 5 | Subitem 6 Item 3 Item 4 Subitem 1 | Subitem 2 Item 5 我正在寻找一个解决方案，使子菜单流畅，以便元素保持在主菜单行并动态中断。如何打破上面示例中的子列表项？小提琴

使用jquery或javascript滚动到特定位置？: 我不太确定如何用文字描述这个; 但我打算做的就是这个网站取得的成就： http ： //sapia.com.pe/ 向下滚动时，它会将您带到页面的特定点以及向上滚动时。我怎么能用Jquery做到这一点？是否需要任何插件？

无法编辑css样式：before，：after？: 我有这个造型： section.tipos .content > div:before { background: none repeat scroll 0 0 #DDDDDD; content: ” “; height: 10px; left: 32%; position: absolute; top: -10px; width: 10px; } 哪个工作正常，但是当一些事件发生时，我想将左边的属性更改为不同的％我知道这可以通过类名或样式实现（当然）。但我的老板并不喜欢class级名称，除非他们100％需要。问题是：我可以从javascript更改伪选择器的CSS吗？像这样的东西（但是有效） $(‘section.tipos .content > div:before’).css({ ‘left’ : 50+index*17});

CSS Image会导致菜单出现问题: 我有这个JSBIN菜单代码。我一直试图在菜单中间放一张图片，就像JSBIN代码一样。但是有两个问题：从左侧菜单（“关于我们”）到边缘的距离和与右侧菜单的距离（“交换参考线”）是不同的。图像会降低菜单。我试图使用line-height设置并尝试使用图像的位置，但它没有帮助。谢谢！