我做了一个小Jquery后,想了很多(因为我是新来的),发现它不能正常工作!看,在我的代码中,我想单击由vartrigger
设置的元素,而由varobj
设置的元素应该fadeToggle()
,但是当我单击trigger
一瞬间,它就会显示出来(仅仅是一秒钟!)然后就消失了!我只是不知道出了什么问题,但你可以有一个live demo(看看问题)。顺便说一下密码在下面--
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
$(function () {
var trigger = 'trigger' ;
var obj = 'slide' ;
$('.' + trigger).click(function () {
$('.' + obj).fadeToggle();
});
});
});
</script>
<style>
div.head
{
background: #000;
opacity: 0.7;
color: #fff;
font-weight: bold;
font-size: 12px;
font-family: segoe ui;
padding: 5px 5px;
}
div.head a
{
text-decoration: none;
color: #fff;
}
div.slide
{
display: none;
background: #000;
opacity: 0.7;
color: #fff;
font-weight: bold;
font-size: 12px;
font-family: segoe ui;
padding: 5px 5px;
}
</style>
</head>
<body>
<div class="head">
<a class="trigger" href="">Click Me!</a>
<div class="slide">
Hi Friends!
</div>
</div>
</body>
</html>
在jsFiddle上,它显示了以下错误(仅当您在对结果字段执行某些操作之前单击RUN时)--
{"error": "Please use POST request"}
有人能帮我解决这个问题吗。
提前谢谢!
最佳答案
看起来你的链接被跟踪了。你可以这样:
$('.' + trigger).click(function(e) {
e.preventDefault();
$('.' + obj).fadeToggle();
});
关于html - jQuery切换功能不起作用!,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5528330/