我无法找到编写这段js代码的最佳方法。 基本上我有一个小盒子,当你点击每一个时,它会显示一个引导弹出窗口。 这是我到目前为止所得到的:
$j('.switcher-field label.switcher-label:not(".no-stock")').each(function(){
$this = $j(this);
var text = $j('#size_txt').text();
$this.popover({
placement: 'top',
delay: 200,
trigger: 'manual',
html: true,
content: function () {
var $data = $j('span', this);
return ''
+'<span class="alert-icon"></span>'
+'<span style="font-size:13px; font-weight:regular;margin: 0 0 0 35px; display: flex;">'+text+'</span>'+'<div class="pull-right" id="calce-pop" style="text-decoration: underline; margin-bottom: 15px; cursor: pointer;" onclick="scroll();">Ver detalles</div>';
}}).click(function (e) {
e.preventDefault();
console.log($this);
$j(this).popover('show');
});
});
事情是,console.log始终显示我在每次点击时选择的第一个元素。 是否有更好的方法来编写它,以便我只能在每次点击隐藏其他弹出窗口时显示选择div的popoup?