JQuery в WordPress администратора

Question

Я пытался добавить простую функциональность jquery в административной области к простому виджету, который я развиваю, например:

jQuery("$id").show() и jQuery("$id").hide()

функций, но они не работают.

Может кто-нибудь сказать мне, как использовать jquery в административной области WP?

Answer 1

Здесь возможны две проблемы. Во-первых, странным образом вы выбираете ID s. Обычно yo выбирает элемент по идентификатору в jQuery, как в CSS с префиксом #, например: $('#id').show() или $('#id').hide(). Если вы знаете это и просто храните селектор CSS в $id, у вас все в порядке.

Второе, с чем сталкиваются многие люди, это то, что ваш jQuery должен ждать, пока DOM будет готов, прежде чем он действительно вступит в силу (если он выполняется до того, как DOM готов, все выборки будут пусты). Чтобы сделать это, вы обычно оборачиваете свой код в $(document).ready -Listener:

$(document).ready(function(){
$('#id').fadeIn('slow');
});

Таким образом, весь код внутри функции-обработчика будет ожидать, пока DOM не будет готов, прежде чем он будет выполнен.

На заметку: как вы упомянули show() и hide() в качестве примеров, вас также может заинтересовать toggle(): http://api.jquery.com/toggle/

Answer 2

Если у вас есть элемент с идентификатором, например

<div id="myId"></div>

, вы можете выбрать свой div как

jQuery("#myId").show();

Answer 3

Попробуйте jQuery("#\\$id").show(); и jQuery("#\\$id").hide();