Tag: html lists

复选框在无序列表项中单击无法正常工作: 我无法“检查”嵌入在可扩展UL中的输入复选框。我知道原因与点击绑定有关，但我无法弄明白。 UL是动态的，所以我添加了新的li和UL。最低级别UL包含应该可选择的lis。但是当我尝试点击它们时，它只是突出显示标签，复选框永远不会被选中。这是HTML： Assessment ATGM FMS 这是javascript / jquery： function prepareList() { $(‘#expList’).find(‘li:has(ul)’) .click( function(event) { //If line item is expandable but has no line items then call the service to retrieve data if($(event.target).hasClass(‘collapsed’) && $(event.target).find(‘li’).length==0){ $(event.target).children(‘ul’).append(“Add New LI’s”) $(‘#expList’).find(‘li:has(ul)’).addClass(‘collapsed’); $(‘#expList’).find(‘ul’).addClass(‘inputslist’); $(event.target).find(‘li:has(input)’).unbind(); $(event.target).children(‘ul’).hide(); } //Toggle the lists if they show or not […]

UL上的jQuery，jScrollPane: 我出于某种原因无法完成这项工作。我希望jscrollpane用于无序列表（ul）。我已经成功地做到了这一点，但是当与嵌套的ul一起使用时，它似乎不起作用。我已将我的例子上传到jsFiddle，所以任何人都可以看一看并摆弄。你可以看看这里： http ： //jsfiddle.net/44db/eAX8b/

获取右键单击的元素JQuery: 我想得到我的元素，当我右键单击它时：出现一个自定义的上下文菜单，我想对我最初选择的元素。我试过这个$(this).attr(“id”); 但它返回我的上下文菜单的一个项目，而不是我原来右键单击的。

根据破折号’ – ‘将li分组为ul: 我有一个像这样的代码下拉列表： Top Folder 2nd Folder 01 —3rd Folder 01-01 —3rd Folder 01-02 ——4th Folder 01-02-01 ———5th Folder 01-02-01-01 ———5th Folder 01-02-01-02 ———5th Folder 01-02-01-03 ———5th Folder 01-02-01-04 ———5th Folder 01-02-01-05 —3rd Folder 03 —3rd Folder 04 —3rd Folder 05 ——5th Folder 01-02-05-01 ——5th Folder 01-02-05-02 ——5th Folder 01-02-05-03 ——5th Folder 01-02-05-04 ——5th Folder 01-02-05-05 ——5th […]

使用Flexslider 2覆盖CSS Display属性: 我愿意隐藏在旋转木马div div#carousel_container – 在我的情况下 – 这个Flexslider 2.2滑块所有的某个类但是第一个。我计划这样做的方法是将它们全部隐藏（显示：无），然后使用jQuery显示（显示：块）第一个，可以用以下自定义属性data-gal-order = 1来识别data-gal-order = 1 。我尝试了几种方法：在我的样式表中添加div#carousel_container .slides li {display:none;} ，然后使用jQuery仅将所需元素的display属性更改为block 。添加!important对＃1 !important 。这成功隐藏了我的项目，但后来我无法切换回display:block使用jQuery display:block 。使用jQuery首先将display:none属性设置为所有元素，然后将display:block设置为目标元素。通过.css(‘display’, ‘none’)和相反。或者通过.attr(‘style’, ‘float: left; display: none; width: 210px;’)和相反的。在滑块声明之前或之后执行我的自定义脚本＃2 – 即 //my custom script [before] //slider declaration $(‘div#carousel_container’).flexslider({ animation: “slide”, controlNav: false, animationLoop: […]

使用Flexslider的selector属性以DOM降序跳过某些幻灯片: 为什么我不能让Flexslider的“selector”属性在DOM命令中定位不是一个接一个的幻灯片时正常工作？基本上，我发现定位.testA会起作用，而目标.testB ， .testC或.testD会失败。在这里失败实际上意味着它首先正确显示，但是当点击缩略图导航轮播的最后一张幻灯片时，它会滚动到“无”（白色背景）…… 这是JSFiddle ，它是Thumbnail Slider官方示例实现（包含在Fiddle中的链接）的副本，我在其中添加了类和自定义选择器。要检查各种定位选项，您可能需要在JS窗口中为当前选择器参数添加注释标记，并从#slider和#carousel divs中删除以下内容。

jQuery：只选择ul，而不是ul ul: 我正在尝试使用jQuery击败基本的手风琴风格菜单。这是菜单： http://www.cybart.com/bscg/ 这是一段代码，为其提供手风琴function： $(‘#access ul li’).click(function(){ $(‘#access ul ul:visible’).slideUp(); $(this).children(‘ul:hidden’).slideDown(); }); 问题：单击子菜单链接会使子菜单向上滑动（并关闭）。我想在单击子菜单链接时保持子菜单打开，并且仅在单击顶级链接时向上滑动。如何通过jQuery仅选择顶级ul来为子菜单设置动画？或者有没有办法选择子菜单链接并“告诉它”以保持子菜单点击打开？我很感激你的智慧！

过滤和分页: 嗨，大家好，感谢您的帮助。我试图实现一个简单的分页过滤，隐藏li的类。这个例子在这里。我是新手，但有一些帮助，主要想法是工作。唯一的问题是，当我点击过滤我想要只分页那个类别中的li。因此，如果我点击“类别1”链接，那么当我点击下一个上一个时，带有“category-2”类的li应该是隐藏的而不是APPEAR。 HTML category 1 category 2 item 1 item 2 item 3 item 4 item 5 item 6 item 7 item 8 item 9 item 10 item 11 item 12 item 13 item 14 item 15 PreviousNext JS $(‘div.filter’).delegate(‘a’, ‘click’, function (event) { $(‘ul.items li’).hide().filter(‘.’ + this.href.slice(this.href.indexOf(“#”) + 1)).show(); […]

选择之间共享选项（使用HTML和jQuery）: 看了很多答案，却找不到解决这个问题的人。我有四个（可能是n个）列表，每个列表中有相同数量的可能性，如下所示： Pick a: One Two Three Four Pick b: One Two Three Four Pick c: One Two Three Four Pick d: One Two Three Four 请注意，列表中的每个可用选项都已选中（并且每个列表都具有完全相同的）。现在，这些应该通过不允许任何两个列表具有相同的选定值来自动响应更改。使用jQuery，我想做到这一点，当我在第一个列表中选择例如Four时，我希望第四个列表自动设置One （列表之间唯一可用的空闲选项）设置为选中。任何人都可以帮忙吗？