Bootstrap popover与类选择器无法正常工作

时间:2017-07-14 19:42:50

标签: jquery twitter-bootstrap

我无法找到编写这段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?

0 个答案:

没有答案