从函数创建动态弹出窗口

时间:2016-09-30 21:07:11

标签: javascript php jquery html twitter-bootstrap

我正在翻译社交网络,在帖子中我需要显示一些关于每个建议的投票统计数据(类似于stackoverflow中的答案),所以每当用户将鼠标悬停在标签上时我都需要创建popover动态内容。



<EditText
     ...
     android:focusableInTouchMode="false" 
 />
&#13;
    function Popx(id)
{
    $(id).popover({//here is my problem, I want dynamic id not static
        html: true,
        trigger: 'hover',
        content: function () {
            return $.ajax({url: 'ajax/ajaxpopoverstat.php?uid=1',
                dataType: 'html',
                async: false}).responseText;
        }
    }).hover(function (e) {
        $(this).popover('toggle');
    });
}
&#13;
&#13;
&#13;

任何帮助?

2 个答案:

答案 0 :(得分:1)

<强>描述

您正在选择带有id变量的html标签,而不是使用&#34;#&#34;散列jquery ID选择器。

<强>代码

    function Popx(id) {
      // make use of ID selector 
      $('#' + id).popover({
        html: true,
        trigger: 'hover',
        content: function () {
            return $.ajax({url: 'ajax/ajaxpopoverstat.php?uid=1',
                dataType: 'html',
                async: false}).responseText;
        }
      }).hover(function (e) {
        $(this).popover('toggle');
      });
    }

答案 1 :(得分:0)

根据你在popover函数中的触发器,我猜你只想让popover对一个元素做出反应,而你并不一定想要它在一个函数中。如果我是正确的那么this JSFIDDLE example should do exactly what you need

$(document).ready(function(){
    $('div.label').popover({ //here is my problem, I want dynamic id not static
      html: true,
      trigger: 'hover',
      content: function() {
        return "Skittles and ids of: " + $(this)[0].id;
      }
    }).hover(function(e) {
      $(this).popover('toggle');
    });
});

同样在这个更新的小提琴中,我让你的popover正确切换: Updated Fiddle