如何将jquery添加到wordpress插件

对于wordpress专家来说,这可能是一个非常简单的问题。 我是wordpress的新手,我在使用jquery时遇到问题。 jquery库已经包含在内了,因为你可以看到它是firebug </ p>

我不知道我在这里缺少什么。</ p>

这是我的代码.. < / p>

  add_action('wp_enqueue_scripts',array($ this,'jsscript')); 

function jsscript(){
?&gt;
&lt; script type =“text / javascript”&gt;
$(document).ready(function(){
alert('here!');
});
&lt; / script&gt;
&lt;?php

}
</ code> </ pre>

jsscript已经在firebug上,但它不起作用。 我在firebug中收到此错误消息。</ p>

  ReferenceError:$未定义
$(document).ready(function(){
</ code> </ pre>

我在某处读到了包含另一个jquery库并不是一个好主意,并且有意义的是不要再加载它。</ p>

我希望有人可以提供帮助 我。</ p>

提前致谢。</ p>
</ div>

展开原文

原文

This could be a very easy question to wordpress expert. I am a newbie in wordpress and I am having problem using jquery on it. The jquery library is already included because you can see it firebug

I dont know what I am missing here.

This is my code..

add_action( 'wp_enqueue_scripts', array( $this, 'jsscript' ) );


function jsscript() {   
    ?>
    <script type="text/javascript">
        $(document).ready(function(){
            alert('here!');
        });
    </script>
    <?php
    }

The jsscript is already on the firebug but it doesn't work. I am getting this error message in firebug.

ReferenceError: $ is not defined
$(document).ready(function(){

I read somewhere that it is not a good idea to include another jquery library and it make sense not to load it again.

I hope somebody can help me.

Thanks in advance.

4个回答



您应该将它添加到插件目录中的外部文件中,而不是随机输出您的脚本,然后将该文件包含在jQuery中 依赖</ p>

  wp_enqueue_script(
'jsscript',
plugin_dir_path(__ FILE__)。'/ jsscript.js',
array('jquery')
);

</ code> </ pre>

您现在遇到的问题是,无法保证在jQuery之后输出脚本,实际上现在可以保证脚本标记为您 PHP标签之间的输出被插入到它应该去的地方。</ p>
</ div>

展开原文

原文

Instead of just randomly outputting your script you should add it in an external file in your plugin directory, and then include that file with jQuery as a dependency

wp_enqueue_script(
      'jsscript', 
      plugin_dir_path( __FILE__ ) . '/jsscript.js', 
      array( 'jquery' )
);

The issue you're having now, is that there's no guarantee that the script is outputted after jQuery, in fact there's now guarantee that the script tag you're outputting between the PHP tags is inserted where it's supposed to go at all.

douxue7196
douxue7196 除此之外,如下面的Gauray所述,在Wordpress中没有$,尝试用jQuery替换$并查看它是否有效
5 年多之前 回复
duan19780629
duan19780629 我应该把这段代码放在哪里? 我试着把它放在__construct函数上,它不起作用。
5 年多之前 回复



将此代码放入您的functions.php文件</ p>

  function yourfunction_name(){\  nglobal $ wp_scripts; 
wp_register_script('jqury_lib',“// code.jquery.com/jquery-1.11.2.min.js”,array(),null);
}
add_action('wp_enqueue_scripts',' yourfunction_name');
</ code> </ pre>
</ div>

展开原文

原文

Put this code your functions.php file

function yourfunction_name() {
global $wp_scripts;
    wp_register_script('jqury_lib', "//code.jquery.com/jquery-1.11.2.min.js", array(), null);
}
add_action( 'wp_enqueue_scripts', 'yourfunction_name' );



为了避免其他js库之间发生冲突,在wordpress中不存在全局$,而是使用 jQuery </ code> </ p>

阅读本文以获取更多信息 </ p>
\ n

例如:</ p>

  jQuery(document).ready(function(){
alert('here!');
});
< / code> </ pre>
</ div>

展开原文

原文

To avoid conflict between other js libraries global $ is not present in wordpress instead use jQuery

Read this for more info

for eg:

jQuery(document).ready(function () {
    alert('here!');
});



对于主题:</ p>

  wp_enqueue_script(
'custom-script',\ n get_stylesheet_directory_uri()。'/ js /custom_script.js',
n array('jquery')
);
</ code> </ pre>

对于插件:</ p>

  wp_enqueue_script(
'newscript',
plugins_url('/ js / newscript.js',__ FILE__),
array('scriptaculous')
);
</ 代码> </ pre>
</ div>

展开原文

原文

For theme:

wp_enqueue_script(
        'custom-script',
        get_stylesheet_directory_uri() . '/js/custom_script.js',
        array( 'jquery' )
    );

For plugin:

wp_enqueue_script(
        'newscript',
        plugins_url( '/js/newscript.js' , __FILE__ ),
        array( 'scriptaculous' )
    );

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐