Tag: 可折叠
展开/折叠嵌套的转发器
我正在尝试实现嵌套转发器，外部转发器显示类别（最初折叠），当用户单击+或 – 内部转发器扩展/折叠时。 我有中继器，但当我点击+两个内部中继器扩展。 我试图动态设置类名，所以只有一个会扩展，但现在它看到我打破了它。 这就是我所拥有的以及我所尝试的（减去不相关的东西）： <i id="br-plus" class="fa fa-plus-circle" style="color: #3697EA; margin-left: 1%; margin-top: 60px;" data-cat="”> <table class='’ style=”display: none; margin-top: 10px; font-size: 26px; width: 90%;”> … 我尝试将数据属性添加到+和 – icons（data-cat），对内部转发器中的表使用相同的类别值（将其类设置为类别名称），并在jQuery中展开和折叠基于哪个加号单击/减去。 当我查看源时，图标具有正确的数据属性（正确的类别缩写），但表的类名称为空。 $(function () { $(‘#br-plus’).on(‘click’, function () {debugger var cat = $(‘#br-plus’).data(“cat”) //var catID = $(‘#hfCategoryID’).val(); $(‘.’ + cat).toggle(); $(this).hide(); $(‘#br-minus’).show(); }); $(‘#br-minus’).on(‘click’, function […]
使用JQuery的可折叠列表
$(document).ready(function(){ var xml = ” \ \ \ \ \ \ \ \ \ \ \ \ “; var data = $.parseXML(xml); console.log(data); $(data).find(‘method’).each(function(){ var name = $(this).attr(‘name’); $(”).html(”+name+”).appendTo(‘#page-wrap’); $(this).children(‘childcall’).each(function(){ name = $(this).attr(‘name’); $(”).html(”+name+”).appendTo(‘#page-wrap’); }); }); }); 上面的代码遍历xml并打印项目为 – ABCBDCD E.我想把它变成一个可折叠的列表，就像在给定的链接中一样： http ： //www.sendesignz.com/index.php/jquery/77-how-to -create-扩大和崩溃，列表项，使用，jquery的 有关如何使其可折叠的任何提示？ 编辑：谢谢你的帮助。 对不起，我不能接受多个答案是正确的。 所以Shikiryu解决方案也是正确的。
如何使用php / javascript制作预折叠的TreeView
我用php / javascript做了一个树视图。 在页面加载时，我无法弄清楚如何使其预折叠。 这是代码，附带想法。 0){ echo “”; while($row=mysql_fetch_assoc($query)){ echo ” “.$row[‘name’]; getChildren($row[‘entry_id’]); } echo “”; } else echo “Empty base”; function getChildren($parent_id){ $query=mysql_query(“SELECT tree_entry_lang.entry_id, tree_entry_lang.lang, tree_entry_lang.name, tree_entry.parent_entry_id FROM tree_entry,tree_entry_lang WHERE tree_entry.entry_id=tree_entry_lang.entry_id AND parent_entry_id=”.$parent_id); $numrows=mysql_num_rows($query); if($numrows>0){ echo “”; while($row=mysql_fetch_assoc($query)){ echo ” “.$row[‘name’]; getChildren($row[‘entry_id’]); } echo “”; echo “”; } } 这是jQuery部分： $(‘.collapsableTree’).click(function () { $(this).parent().children().toggle(); […]
Jquerymobile添加动态可折叠div
可能重复： 动态添加可折叠元素 我想知道如何动态添加一个可折叠div，这样的事情可以用Jqm listviews完成，调用lisview（’refresh’）之后 这是测试代码： http://jsfiddle.net/ca11111/UQWFJ/5/ 编辑：在上面，它被附加和渲染，但多次 edit2：好像这样工作？
即使以百分比定义，也会折叠隐藏其内容的DIV
我正试图获得一个可能在点击时崩溃的DIV。 对于这个简单的示例 ，单击将直接在整个DIV上触发。 #fixed { width: 200px; } #fixed input { width: 180px; } .short_fixed { width: 50px !important; } $(‘#fixed’).click(function(){ $(this).toggleClass(‘short_fixed’); }); 我的例子显示了2种情况：第一种使用“固定”宽度对象，而第二种使用“百分比”宽度。 单击时，首先DIV截断而不调整其内容大小，导致隐藏溢出内容，但它需要具有基于px的宽度，这是不太理想的 相反，第二个根据容器的宽度调整内容，它允许我使用％，但不会像我想的那样在崩溃时使用内容。 所以，我想设置内容宽度为容器宽度的百分比（也可能有％宽度），如第二个例子中所示，但是在容器折叠的情况下具有第一个行为。
Jquery Mobile：动态更改可折叠div的标题文本？
Place: 如何在可折叠div中动态更改 标题（’Place：’）的文本？ 我试过了： $(‘#collapsePlace’).children(‘h3’).text(‘new text’); 它改变了文本 – 但失去了所有的造型！
