jquery - 尝试迭代选定的元素并提醒 pageX 事件属性。但返回未定义

Question

我无法读取未定义的属性 pageX。

        <div id="subContainer">
            <div>0</div>
            <div>1</div>
            <div>2</div>
            <div>3</div>
       </div>


       <script>
            $('#subContainer div').each(function ()  {

            $(this).bind('click', function(event)  {

            alert($(this).event.pageX);

             });

        </script>

有人可以告诉我该怎么做吗？

Answer 1

一般来说，您的代码可以正常工作，但循环元素来附加事件并不是一个好主意。直接做就可以了。它只是 event.pageX，因为它存储在事件对象中，而不是元素中。

$('#subContainer div').on('click', function(event) {
    alert(event.pageX);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="subContainer">
  <div>0</div>
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

上面的代码与下面的代码完全相同，只是您不需要 each 循环。 你真的应该使用上面的版本!

$('#subContainer div').each(function() {
    $(this).on('click', function(event) {
        alert(event.pageX);
    });
});