Italiano
Español
RomânăКак загрузить скрипт jQuery последним?
Как сделать так, чтобы этот скрипт загружался последним?
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("div.domTip_tipBody").mouseover(function(){
jQuery("#yyy a.tippy_link").css("background-color","yellow");});
jQuery("div.domTip_tipBody").mouseout(function(){
jQuery("#yyy a.tippy_link").css("background-color","red");
});
});
</script>
Он выполняется до того, как "div.domTip_tipBody" создается (который генерируется шорткодом), поэтому ничего не происходит.
Я пробовал:
<script src="script.js" type="text/javascript" defer="defer"></script>
в моем header.php перед
</head>но это не помогает.
Видел "window.onload =", но не уверен, как его применить.
Буду признателен за любую помощь.
Спасибо
Спасибо, Kaiser, это поместило скрипт внизу, но по какой-то причине js все еще не считывает селекторы, выводимые шорткодом, хотя со всем остальным он работает!
xyz
Не за что. Обрати внимание, что это уже вопрос для Stack Overflow. Я бы попробовал просто использовать консоль в FireBug/Chrome dev tools/IE dev tools и т.д. Просто напиши console.log( jQuery( 'div' ) ); и увидишь, сработал ли выбор элементов.
kaiser
Kaiser, я не знал об этой функциональности, спасибо. При использовании я вижу следующие элементы: div#domTip_tipBox.domTip_Tip, div#this.tipHeader.domTip_tipHeader, div#this.tipBody.domTip_tipBody
xyz
Игнорируйте предыдущее. Кайзер, спасибо за ответ, я не знал об этой функциональности, благодарю. При её использовании я вижу эти элементы: div#domTip_tipBox.domTip_Tip, div#this.tipHeader.domTip_tipHeader, div#this.tipBody.domTip_tipBody — при клике на них меня перенаправляет к CSS-селекторам. Я пробовал использовать "сырой" вывод выше и CSS-селекторы, на которые они ссылаются, но ни один из них не считывается моим JS. Можно ли что-то сделать, чтобы JS считывал эти селекторы?
xyz
Как я уже сказал: это вопрос для SO. Но в любом случае: если вы можете их выбрать там, значит, они работают. Вы также можете разместить console.log() непосредственно в своём скрипте и посмотреть вывод в консоли. Это докажет, что скрипт работает. Тогда проблема в чём-то другом. Так что: попробуйте, и если не получится —> SO.
kaiser
Привет, Рашид, спасибо за ответ. Я надеюсь, что это решит мою проблему. Я попробовал это: add_action('wp_footer','myscript_in_footer'); function myscript_in_footer(){ ?>
$.delegate('p','mouseover', function(e){ jQuery("#yyy a.tippy_link").css("background-color","yellow");}); $.delegate('p', function(e){ jQuery("#yyy a.tippy_link").css("background-color","red"); }); });</script>
<?php
} Я изменил "div.domTip_tipBody" на "p", чтобы проверить, работает ли функция, но она не работает. Можешь подсказать, что нужно изменить, чтобы она заработала?
xyz
Пожалуйста, прочитай этот вариант. Спасибо за ответ. Я надеюсь, что это решит мою проблему. Я попробовал это: add_action('wp_footer','myscript_in_footer'); <script type="text/javascript">
jQuery(document).ready(function(){ ?>
$.delegate('p','mouseover', function(e){ jQuery("#yyy a.tippy_link").css("background-color","yellow");}); $.delegate('p', function(e){ jQuery("#yyy a.tippy_link").css("background-color","red"); }); });</script>
<?php
} Я изменил "div.domTip_tipBody" на "p", чтобы проверить, работает ли функция, но она не работает. Можешь подсказать, что нужно изменить, чтобы она заработала?
xyz
Спасибо, songdogtech, все ссылки помогли мне лучше разобраться, я это ценю. Мне придётся изучить js и шорткод, так как js не считывает вывод моего шорткода.
xyz
Спасибо, Раджив, я попробовал ваш код, и он помещает js внизу, теперь у меня есть два способа сделать это. Js по-прежнему не работает на выводе моего шорткода, так что проблема, должно быть, в чем-то другом.
xyz
Просто вставлять это в футер — неправильный способ сделать это.
kaiser