我正在尝试创建一个移动友好版本的表格,我问了一个关于昨天的问题(Can't get row to display correctly)。
我无法用我拥有的东西创建一个有效的jsFiddle,但这是脚本片段:
<script>
$(document).ready(function(){
$("#report2 tr.show, tr.show2").click(function(){
$(this).nextUntil("tr.show").toggle();
$("#report2 tr.show, tr.show2").find(".arrow").toggleClass("up");
});
//$("#report2").jExpand();
});
</script>
这是jsFiddle,遗憾的是因为我可能做错了什么而不起作用:https://jsfiddle.net/L1k572m5/
我正在处理的表格可以在这里看到:https://www.blueoceansys.com.sg/-temporary-slug-8e0df85d-5c00-46d9-be54-45045f5557d0?hs_preview=XEeYfbyT-4100439951
此代码的问题在于,当点击主题行时(例如客户关系管理),它会隐藏一行圆圈,但在点击一行圆圈时它会正常工作。
我认为尝试更换
对我来说很聪明$(this).nextUntil("tr.show").toggle();
带
$("tr.show2").nextUntil("tr.show").toggle();
它确实似乎做了我需要的东西,除了nextUntil现在似乎没有用! (下面的行也全部切换,而不是直到下一个主题行)
在这里可以看到带有(“tr.show2”)而不是(this)的版本:
非常感谢任何帮助!
另外,如果有人也知道如何进行手风琴效果,我将非常感激(即:一次只能打开一组行)。如果它太复杂,我会忘记尝试这一点。