Question

我有jquery的问题。我在2天之前运行我的页面它工作正常，但现在不能正常工作。我做了一个示例Demo here。

我的代码：

$(document).ready(function () {
    $(".change").click(function () {
        $(".pass").slideToggle("slow");
        $(".pass1").slideToggle("slow");
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<a class="change">Change Password</a>
<br/>
<div class="pass">
<br />
<input type="password" class="textbox" placeholder="Current Password" name="old" id="old" size="20" />
<br/>
<br/>
<input type="password" class="textbox" placeholder="New Password" name="new" id="new" size="20" />
<br/>
<br/>
<br/>
<br/>
<br/>
<button class="add" name="go" id="go">Go</button>
<a style="padding-right:2ex;"></a>
<a class="change">
    <button class="add" name="cancel" id="cancel">Cancel</button>
</a>
</div>
<br/>

Answer 1

尝试以下方法，它正在运作。我刚在HTML部分添加了</div>，并删除了JavaScript部分中的script

$(document).ready(function(){
  $(".change").click(function(){
    $(".pass").slideToggle("slow");
    $(".pass1").slideToggle("slow");
  });
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a class="change">Change Password</a>
<br />
<div class="pass">
<br />
<input type="password" class="textbox" placeholder="Current Password" name="old" id="old" size="20" />
<br />
<br />
<input type="password"  class="textbox" placeholder="New Password" name="new" id="new" size="20" />
<br />
<br />
<br />
<br />
<br />
<button class="add" name="go" id="go">Go</button>
<a style="padding-right:2ex;"></a>
<a class="change">
    <button class="add" name="cancel" id="cancel">Cancel</button>
</a>
</div>

Answer 2

首先，你需要在你的问题中发布你的代码，因为如果jsFiddle失败，你的问题就没用了。

其次，某些代码可能无法正常工作的原因是因为<a class="change"><button class="add" name="cancel" id="cancel">Cancel</button></a>是无效代码。您不能在锚点中放置按钮。删除按钮并像按钮一样设置锚点的样式，或删除锚点并将类放在按钮上。

例如，请使用以下代码并在http://validator.w3.org/#validate_by_input处输入该代码以查看错误。

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<a class="change"><button class="add" name="cancel" id="cancel">Cancel</button></a>
</body>
</html>

jquery不适用于slidetoggle（）

2 个答案: