Javascript jQuery onclick函数赢得';不要在嵌套的div上开火
我有一个网页,上面有两个按钮,用来对页面中的一些数据进行排序。由于某些原因,我无法使嵌套的Javascript jQuery onclick函数赢得';不要在嵌套的div上开火,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个网页,上面有两个按钮,用来对页面中的一些数据进行排序。由于某些原因,我无法使嵌套的#byFilter接受onclick(function()) Javascript $(document).ready(function() { $('.filter').click(function() { console.log('I\'ve gotten'); }); $('#byName')
#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时,我得到的只是“我得到了”
我不记得像这样将click侦听器附加到嵌套div需要任何额外的步骤,但我似乎无法让它工作。我担心我遗漏了一些非常琐碎的东西。删除Id
属性本身中的pound(#)
符号。Pound仅在选择器中用作引用id属性的缩写
$(文档).ready(函数(){
$('.filter')。单击(函数(){
log('I'veget');
});
$(“#按名称”)。单击(函数(e){
e、 停止传播();
console.log(“到此为止”);
});
});代码>
名称
距离
删除id
属性本身中的pound(#)
符号。Pound仅在选择器中用作引用id属性的缩写
$(文档).ready(函数(){
$('.filter')。单击(函数(){
log('I'veget');
});
$(“#按名称”)。单击(函数(e){
e、 停止传播();
console.log(“到此为止”);
});
});代码>
名称
距离
删除id
属性本身中的pound(#)
符号。Pound仅在选择器中用作引用id属性的缩写
$(文档).ready(函数(){
$('.filter')。单击(函数(){
log('I'veget');
});
$(“#按名称”)。单击(函数(e){
e、 停止传播();
console.log(“到此为止”);
});
});代码>
名称
距离
删除id
属性本身中的pound(#)
符号。Pound仅在选择器中用作引用id属性的缩写
$(文档).ready(函数(){
$('.filter')。单击(函数(){
log('I'veget');
});
$(“#按名称”)。单击(函数(e){
e、 停止传播();
console.log(“到此为止”);
});
});代码>
名称
距离
就在这里。我想是时候休息一下了哈哈。谢谢@Csteele5,没问题,很高兴它能帮上忙:)别难过,我也花了10分钟想弄明白,然后回来了,这家伙也打败了我:)我说得太快了:/即使做一些简单的事情,比如得到他们的.text()也不行。似乎jQuery就是无法访问这些div。@Csteele5,重现问题以及您在a中试图做的事情。我想是时候休息一下了哈哈。谢谢@Csteele5,没问题,很高兴它能帮上忙:)别难过,我也花了10分钟想弄明白,然后回来了,这家伙也打败了我:)我说得太快了:/即使做一些简单的事情,比如得到他们的.text()也不行。似乎jQuery就是无法访问这些div。@Csteele5,重现问题以及您在a中试图做的事情。我想是时候休息一下了哈哈。谢谢@Csteele5,没问题,很高兴它能帮上忙:)别难过,我也花了10分钟想弄明白,然后回来了,这家伙也打败了我:)我说得太快了:/即使做一些简单的事情,比如得到他们的.text()也不行。似乎jQuery就是无法访问这些div。@Csteele5,重现问题以及您在a中试图做的事情。我想是时候休息一下了哈哈。谢谢@Csteele5,没问题,很高兴它能帮上忙:)别难过,我也花了10分钟想弄明白,然后回来了,这家伙也打败了我:)我说得太快了:/即使做一些简单的事情,比如得到他们的.text()也不行。看来jQuery就是无法访问这些div。@Csteele5,重现问题以及您在一个