为什么这个jQuery不仅不起作用，而是打破所有其他jQuery？

Question

我在Sharepoint WebPart上做了一些“花哨”隐藏（slideUp和slideDown）元素。

我添加了另一个处理程序，用于按钮：

$(document).on("click", '[id$=btnAddFoapalRow]', function (e) {
    alert('you mashed the foapal button');
    if ($('[id$=foapalrow3]').css('display') == 'none') {
        $('[id$=foapalrow3]').slideDown();
    }
    else if ($(['id$ = foapalrow4]').css('display') == 'none') {
        $('[id$=foapalrow4]').slideDown();
    }
});

...但它不仅无法工作（单击按钮时HTMLTableRows不显示），但添加此代码后其他jQuery（复选框更改事件处理程序等）也无法工作。评论它，旧代码仍然有效。

为什么这段代码会抹掉整个shebang？

Answer 1

$(['id$ = foapalrow4]')＆lt; - 似乎这里有拼写错误

应该是

$('[id$ = foapalrow4]')

编辑后的代码：

$(document).on("click", '[id$=btnAddFoapalRow]', function (e) {
    alert('you mashed the foapal button');
    if ($('[id$=foapalrow3]').css('display') == 'none') {
        $('[id$=foapalrow3]').slideDown();
    } else if ($('[id$ = foapalrow4]').css('display') == 'none') {
        $('[id$=foapalrow4]').slideDown();
    }
});

Answer 2

如果您正在使用SharePoint，大概您必须在Visual Studio上工作。使用JavaScript错误验证扩展名并避免使用拼写错误（例如第6行代码中的错误）拍摄自己（请参阅我使用的插件的屏幕截图（JavaScript解析器），检测JS错误！