无法让nextUntil正常工作

时间:2016-04-28 02:25:55

标签: jquery

我正在尝试创建一个移动友好版本的表格,我问了一个关于昨天的问题(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)的版本:

https://www.blueoceansys.com.sg/-temporary-slug-406e6c0c-b588-4bf7-85fd-023cb70270bd?hs_preview=RkWVdtYe-4043966449

非常感谢任何帮助!

另外,如果有人也知道如何进行手风琴效果,我将非常感激(即:一次只能打开一组行)。如果它太复杂,我会忘记尝试这一点。

0 个答案:

没有答案