0

このプログラムのカウンターをクリアするのに助けが必要です。.empty(); を使用しました。スパンをクリアしますが、まったく機能していませんでした。ありがとうございました

プログラムの動作: - pageX と pageY をリストに表示します - クリック数もカウントします - ボタンで結果をクリアします

 <script>
    $(document).ready(function () {

    // X and Y position of the cursor
   $("body").click(function(evt){ 
   $('span').html(function(i, val) { return val*1+1 });
    var xPos = evt.pageX;
    var yPos = evt.pageY;

    $("#output").append("<li>" + "X:" + xPos + ", Y: " + yPos + "</li>"); 
    }); // end of click function

    //clear list button
    $( "#btnClear" ).click(function() {
    $( "#output").empty();
      event.stopPropagation();
     }); // end clear list


    }); //end of document ready function
    </script>
</head>

<body>
   <div id="container">
   <h2>Click Away</h2>
  <hr>
    <div id="list"> Counts: <span></span></div>

    <ul id="output">
  <li ></li>
    </ul>
  <button id="btnClear">Clear List</button>
4

1 に答える 1

0

試す

jQuery(function ($) {

    var $output = $("#output"),
        $counter = $('span');

    // X and Y position of the cursor
    $("body").click(function (evt) {
        $counter.html(function (i, val) {
            return val * 1 + 1
        });
        var xPos = evt.pageX;
        var yPos = evt.pageY;

        $output.append("<li>" + "X:" + xPos + ", Y: " + yPos + "</li>");
    }); // end of click function

    //clear list button
    $("#btnClear").click(function (e) {
        $output.empty();
        $counter.empty()
        e.stopPropagation();
    }); // end clear list


}); //end of document ready function

デモ:フィドル

于 2013-10-28T03:19:17.877 に答える