Jquery 在Popover和x27中定位类；数据内容'；使用

正如你在下面看到的。我通过一个span元素触发这个特定的popover，并使用数据内容填充它

<span class="selectYear addCursor" data-container="body" data-toggle="popover" data-placement="right" data-title="Available Years" data-content="<a href='#' class='executeYearChange'>2013</a> | <a href='#' class='executeYearChange'>2014</a> | <a href='#' class='executeYearChange'>2015</a>">Change Year</span>

我以为我在将click事件绑定到正确的位置（span元素类），但在页面或控制台中没有得到响应，.globalYearDisplay也没有任何变化

显然，我的函数看不到

.executeYearChange

类，所以有没有正确附加它的技巧？我认为以这种方式使用委托函数.on（）可以掩盖这样一个事实，即它在页面加载时对DOM不可见

---

提前感谢

更改您的选择器。popover附加到span标记，但不是它的子项，因此事件不会以您希望的方式出现。相反，倾听与目标元素匹配的body标记上的单击。尝试：

$(function(){
    $('body').on('click','.executeYearChange', function(){
            var newYear = $(this).text();
            globalYear = newYear;
            $(".globalYearDisplay").text('Current Selected Year: ' + globalYear);
            console.log(newYear, 'Test');
        });
    });

---

是

selectYear

还是

yearSelect

？是selectYear，在OP中修复了它。我认为这可能是问题所在，但我仍然存在上述相同的问题。@GabrielNegut当您单击“更改年份”时，它会触发标题为“可用年份”的popover并且有链接：2013 | 2014 | 2015作为popover内容。这些标记不是span的子项，因为我不希望它们在用户触发popover之前出现。否则，把它当作流行音乐又有什么意义呢。

$(function(){
    $('body').on('click','.executeYearChange', function(){
            var newYear = $(this).text();
            globalYear = newYear;
            $(".globalYearDisplay").text('Current Selected Year: ' + globalYear);
            console.log(newYear, 'Test');
        });
    });