Jac*_*lly 2 html jquery jquery-ui toggle
经过深思熟虑之后我做了一个小Jquery(因为我是新手),发现它不能正常工作!见,在我的代码我猜想这是由VAR设定的元素上点击trigger和通过了var设置元素obj应该fadeToggle(),但是当我在点击trigger一个时刻它显示(只是第二勉强!),然后消失!我只是不知道出了什么问题,但你可以有一个现场演示(看看问题).顺便说一下代码在这里 -
<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上它显示以下错误(仅当您在RESULT字段上执行操作之前单击RUN时.) -
{"error": "Please use POST request"}
任何人都可以帮我解决这个问题.提前致谢!
看起来您的链接正在被遵循.你可以防止这种情况发生这样:
$('.' + trigger).click(function(e) {
e.preventDefault();
$('.' + obj).fadeToggle();
});