我在使用jquery时遇到问题。我在两天前运行我的页面,它工作正常,但现在无法正常工作。我在这里做了一个示例演示。
我的代码:
$(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/>
请尝试以下操作,它可以正常工作。我只是</div>
在HTML部分中添加了,而script
在JavaScript部分中删除了
$(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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句