我做了一个小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/

10-12 00:21
查看更多