Question

我正试图让#content切换，但它不起作用。

        $("button").click(function () {
      $("#content").slideToggle("slow");
    });


        <div id="container">
<button>toggggle</button>


          <?php get_sidebar(); ?>

           <div id="content">

Answer 1

有效：

http://jsfiddle.net/NRj3K/

您的实施必定存在问题。

Answer 2

是html代码之前的jQuery代码吗？然后它将无法工作，因为在加载页面时执行div元素将会丢失。

将jQuery代码移到<div id="content">

下面

Answer 3

工作正常。检查你的jquery是否正确加载..我已经在jsFiddle上检查了这段代码并且运行良好。

尝试将此代码放入$(document).ready()

$(document).ready(function(){

    $("button").click(function () {
          $("#content").slideToggle("slow");
        });

    });

Answer 4

看起来这是一个Wordpress网站，其中包含<?php get_sidebar(); ?>。我相信Wordpress默认使用Prototype.js库。这可能与jQuery和Prototype.js使用的$对象发生冲突。

查看here来解决此问题。特别是页面上的建议5。

为什么不切换？

4 个答案: