jquery-ui 标签 "a" inside tooltip click 事件

Question

同学们！我正在做一些前端工作，使用 doT.js 生成内容，使用 jquery-ui 显示工具提示。

{{##def.defboardtooltip:
    <div class='tooltip'>
        <!-- some html code -->
        <a id='bdetails' href='#'>Click for details</a></div>
    </div>
#}}

以及如何使用：

<div class="participant" title="{{#def.defboardtooltip}}">

我正在尝试将事件添加到具有 jquery 的 a 元素中 ():

$(document).ready(function () {
    // ...enter code here
    $('#bdetails').click(function (e) {
        // some code
        console.log('fired');   
    });
});

而且我从未见过 "fired"。我很困惑。

Answer 1

jQuery Event delegates 是你的朋友。

尝试：

$(function()
{
   $(document).on('click', '#bdetails', function(e)
   {
     var a = $(this);
   });
});

这会将事件过滤到您的 #bdetails 元素，您也可以在此处使用任何有效的 jQuery 选择器；例如，'a' 委托所有锚标记点击。