Question

我使用以下函数来使用内容，它似乎在fiddle中正常工作但是当我把它放在我的wordpress主题中时它不起作用：

以下是我的页面的link，我正在尝试将护目镜放在右侧的信息图标中

jQuery的：

jQuery(document).ready(function($){

$('#toggle-view li').click(function () {

    var text = $(this).children('div.panel');

    if (text.is(':hidden')) {
        text.slideDown('200');
        $(this).children('span').html('-');     
    } else {
        text.slideUp('200');
        $(this).children('span').html('+');     
    }

});

});

Answer 1

使用

之类的代码

(function($) {

$('#toggle-view li').click(function () {

    var text = $(this).children('div.panel');

    if (text.is(':hidden')) {
        text.slideDown('200');
        $(this).children('span').html('-');     
    } else {
        text.slideUp('200');
        $(this).children('span').html('+');     
    }

});
})(jQuery);

更新：

在functions.php中添加以下行

function my_wp_enqueue_script() {    
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/test.js', array(), '1.0.0', true );  
}     
  add_action( 'init', 'my_wp_enqueue_script' );

并将上面的js代码提供给test.js

无法与jQuery交换以在wordpress中工作

1 个答案: