Почему этот jQuery не только не работает, но и разбивает все остальные jQuery?

Question

Я делаю некоторые «причудливые» скрытия (slideUp и slideDown) элементов на веб-странице Sharepoint.

Я добавил еще один обработчик, хотя, для кнопки:

$(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 (checkbox change обработчики событий и т. д.) также не работают после добавления этого кода. Комментируя это, старый код все еще работает.

Зачем этот код уничтожает весь shebang?

Answer 1

$(['id$ = foapalrow4]') < - кажется, что есть опечатка здесь

должно быть

$('[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. используйте расширение проверки ошибок JavaScript и избегайте съемки на ноге с помощью опечатки, такой как код в вашем коде в строке 6 (см. снимок экрана для плагина, который я использую (парсер JavaScript) в действии, который обнаруживает ошибку JS!