Question

我是jQuery的新手，并试图让脚本工作无济于事。我想简化我的脚本，看看我的主题实际上是在识别我的scriptfile.js

我的js文件只是：

var success = 'SUCCESS!';

  jQuery('nav .home a').hover(function()
  {
    echo(success);
  });

我的functions.php文件包含：

<?php
function add_my_script() {
wp_enqueue_script(
'preview',
 get_template_directory_uri() . '/js/scriptfile.js', 
array('jquery') 
);
}
add_action( 'wp_enqueue_scripts', 'add_my_script' );
?>

我的header.php包含：

<script type="text/javascript"><!--//--><![CDATA[//><!--
jQuery(document).ready(function(jQuery){

});
 //--><!]]></script>

我没有在firebug中出现任何错误，但也没有输出。

Answer 1

不确定这是否是问题，但首先你的选择器并不完全正确。

var success = 'SUCCESS!';

jQuery('nav .home a').hover(function(){ ... });

对于nav，

.nav应为class，对#nav id应为echo(success);

echo()

除非alert(success)在某个地方是一个功能，否则它将无效。如果您想显示提醒消息，请使用{{1}}

Answer 2

我相信正在发生的事情是你的脚本文件被包含在内，但是编写悬停事件附件的方式将在DOM准备好之前发生。试试这个，只需在你的js文件中说alert(success);，看看是否弹出警报。如果是，则将悬停事件处理程序包装在脚本文件的函数中，并从header.php中的document.ready函数处理程序调用该函数。顺便问一下，回声功能是什么？可能你正在寻找alert。

让jQuery在新的构建WordPress主题中工作

2 个答案: