Question

我有一个网页，顶部有两个按钮，用于在页面后面对某些数据进行排序。出于某种原因，我无法让嵌套的#byFilter接受onclick(function())

的Javascript

$(document).ready(function() {

            $('.filter').click(function() {
                console.log('I\'ve gotten');

            });

            $('#byName').click(function(e) {
                e.stopPropagation();
                console.log('this far');

            });

            //just some stuff with geolocation
            getLocation().done(function() {

                getStuff(origin);

            });
        });

HTML

<section id="Sortby">

            <div class="filter" id="#byName">
                Name
            </div>
            <div class="filter" id="#byDistance">
                Distance
            </div>
            <br style="clear:both;">

因此，当我加载页面并点击div时，我得到的只是＆＃34;我已经得到了＃34;

我不记得将点击监听器附加到这样的嵌套div所需的任何额外步骤，但我似乎无法使其工作。我担心我会遗漏一些非常微不足道的东西。

Answer 1

删除i (#)属性中的磅d符号。庞德仅在选择器中用作引用id属性的简写

＆＃13;

$(document).ready(function() {

  $('.filter').click(function() {
    console.log('I\'ve gotten');

  });

  $('#byName').click(function(e) {
    e.stopPropagation();
    console.log('this far');

  });

 
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="filter" id="byName">
  Name
</div>
<div class="filter" id="byDistance">
  Distance
</div>
<br style="clear:both;">

＆＃13;

jQuery onclick函数不会触发嵌套的div

1 个答案: