Question

我有一个问题，我们可以在popover bootstrap中添加一些函数，我得到错误和我的代码像这样

  <li type="button" class="btn btn-default navbar-btn"
     data-container="body" data-toggle="popover" data-placement="bottom" 
     value="Notification"/> 
<script> 
    $(function(){ 
    function myFunction(id){
    alert("Its Working"); }
    $('[data-toggle="popover"]').popover({html: true, title: 'tittle',
    content:'<ul><li onclick="myFunction(<?php echo $id;?>)"></li>ID</ul>'});
    }) 
</script>

我已经搜索但我找不到与我相同的问题

Answer 1

我建议你为list元素添加onlclick事件，而不是直接在html中添加'onclick'处理程序，你也可以使用data-attribute轻松保存和恢复你的id

    $(function(){ 
      $('[data-toggle="popover"]').popover({ 
        html: true, 
        title: 'title',
        content:'<ul><li class="clickable" data-id="<?php echo $id;?>">ID</li></ul>'
      });

      $('li.clickable').on('click', function(e) {
        var id = $(e.target).data('id');
        alert('This is working, id is '+id);
      });
    })

如何在元素弹出框中插入函数

1 个答案: