gpt4 book ai didi

html - Jquery 切换功能不工作!

转载 作者:太空宇宙 更新时间:2023-11-04 13:49:24 24 4
gpt4 key购买 nike

经过深思熟虑(因为我是新手),我做了一个小的 Jquery,但发现它不能正常工作!看,在我的代码中,我想点击由 var trigger 设置的元素和由 var obj 设置的元素应该 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 上它向我显示以下错误(仅当您在对 RESULT 字段执行某些操作之前单击 RUN 时。)--

{"error": "Please use POST request"}

谁能帮我解决这个问题。提前致谢!

最佳答案

看起来您的链接已被跟踪。你可以prevent that from happening像这样:

 $('.' + trigger).click(function(e) {
e.preventDefault();
$('.' + obj).fadeToggle();
});

关于html - Jquery 切换功能不工作!,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5528330/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com