猿问

必须单击两次元素才能使Jquery事件起作用

我有一个ajax函数,必须单击两次才能工作。我希望它只需单击一下即可工作。在添加单击事件以检查我所单击的文本并将其用作URL的一部分之前,它一直在工作。我的问题可能在那儿。对于可能出现的问题,我需要有新的见解。


jQuery:


function ajaxShow(){    

        $('#formats a').click(function(e) {

          var txt = $(e.target).text();

          console.log(txt);


    $.ajax({

        url : "./enablereports/" + txt + ".html",

        data: "html",

        contentType:"application/x-javascript; charset:ISO-8859-1",

            beforeSend: function(jqXHR) {

            jqXHR.overrideMimeType('text/html;charset=iso-8859-1');

            },

        success : function (data) {

            $("#rightDiv").html(data);

        }

    });

            });


}

HTML:


   <body>

    <div id="wrapper">

        <div id="enablestuff" class="yellowblock">

            <h3 id="title" class="header">Enable Formats</h3>

        </div>

        <div id="formats" class="lightorangeblock">

            <a href="" onclick="ajaxShow();event.preventDefault()">ADDSTAMP</a><br>

            <a href="" onclick="ajaxShow();event.preventDefault()">SCLGLDNB</a><br>

            <a href="" onclick="ajaxShow();event.preventDefault()">SCLGLVNB</a><br>


        </div>


    </div>      


    <div id="rightWrap">

       <div id="rightDiv">

       </div>

    </div>


   </body>


翻翻过去那场雪
浏览 246回答 3
3回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答