Question

大家好我在Wordpress网站上使用JQuery来切换div时遇到了一些麻烦。我设法在页面加载时隐藏div但是无法切换它以显示和隐藏。这是我的代码：

<a class="clicker" href="#">Click here</a>

<div class="slider home-border-center" id="#">
blah blah blah
</div>

<script type="text/javascript">
jQuery.noConflict();

// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
    jQuery(".slider").hide();

    JQuery(".clicker").click(function(){
        JQuery(".slider").toggle();
    });
});

</script>

任何想法我做错了什么？

Answer 1

变化：

JQuery的

为：

的jQuery

因为变量和函数名称区分大小写。

所以：

<a class="clicker" href="#">Click here</a>

<div class="slider home-border-center" id="#">
blah blah blah
</div>

<script type="text/javascript">
jQuery.noConflict();

// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
    jQuery(".slider").hide();

    jQuery(".clicker").click(function(){
        jQuery(".slider").toggle();
    });
});

</script>

JQuery Toggle没有在Wordpress网站上工作

1 个答案: