Question

我一直在使用jQuery中的屏幕greyout脚本。它在我的jsFiddle下面的链接中工作，但是我的WordPress插件下面的代码不起作用。

https://jsfiddle.net/jblevins1991/8ts25q2v/1/

PHP代码包含javascript：

function myScripts() {
    wp_enqueue_script('myScript', plugins_url('myPlugin/JS/myScript.js'), array('jquery'), true);
}

add_action('wp_enqueue_scripts', 'myScripts');

HTML code：

<div id="box"></div>
<img id="something" src="http://www.w3schools.com/images/w3schools.png" />

myScript.js文件中的jquery：

$(document).ready(function() {
    $('#something').click(function() {
        $('#box').show();
        $('#box').fadeTo(500, 0.5);
    });
});

Answer 1

尝试使用以下JavaScript代码：

jQuery(document).ready(function($) {
    $('#something').click(function(){
        $('#box').show();
        $('#box').fadeTo(500, 0.5);
    });
});

它基本上将您的代码包装在No Conflict包装器中，因为使用$（）可能会返回undefined。

jQuery在jsfiddle中工作，但在WordPress中不起作用

1 个答案: