Question

为客户网站创建了一个表，该网站希望这些选项卡根据命令进行扩展和折叠。我添加了一个expand / collapse all按钮，但是却收到“ null not a object error”（空不是对象错误）。

它在我的HTML编辑器（Coda）中完美地工作-但是当添加到客户端网站（https://builderincubator.cloudaccess.net/homebuilder-software-table）时不起作用。

我正在使用这样的按钮：

<button class="btn btn-primary" id="openall">Open All</button> <button class="btn btn-primary" id="closeall">Close All</button>

脚本如下：

<script>
    $('table').on('click', 'tr.parent ', function() {
        $(this).closest('tbody').toggleClass('open');
    });

    $('#openall').on('click', function() {
        $('tbody').addClass('open');
    });

    $('#closeall').on('click', function(){
        $('tbody').removeClass('open');
    });     
</script>

任何想法都是正确的。

Answer 1

您代码中的$函数不是指的是jQuery-它指的是Mootools Core $ function。

如果您想改用jQuery选择器/函数，请将$替换为jQuery。

jQuery('table').on('click', 'tr.parent ', function() {
  jQuery(this).closest('tbody').toggleClass('open');
});
jQuery('#openall').on('click', function() {
  jQuery('tbody').addClass('open');
});

jQuery('#closeall').on('click', function() {
  jQuery('tbody').removeClass('open');
});

确认/调试：

转到您的页面
打开控制台
键入$，然后按 Enter
它返回$的函数定义。
单击它-它带给您定义的来源。
注意文件名：mootools-core.js。

null不是全部展开/全部关闭的对象错误

1 个答案: