Javascript 单击工具提示中的链接时，Tooltipster插件未启动jquery函数_Javascript_Jquery_Html_Click_Tooltipster

Javascript 单击工具提示中的链接时，Tooltipster插件未启动jquery函数

javascript jquery html

Javascript 单击工具提示中的链接时，Tooltipster插件未启动jquery函数,javascript,jquery,html,click,tooltipster,Javascript,Jquery,Html,Click,Tooltipster,我正在使用一个名为Tooltipster（）的jquery插件，并在包含href的提示中插入一些HTML。如果我点击链接，页面将按预期打开。但是，如果我尝试使用相同的href，添加一个类名，然后尝试启动一个jquery函数，它不会启动。为了弄明白这一点，我花了好几个小时才把头发拔出来。任何帮助都将不胜感激。下面是一些精简的代码来说明一个示例 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

我正在使用一个名为Tooltipster（）的jquery插件，并在包含href的提示中插入一些HTML。如果我点击链接，页面将按预期打开。但是，如果我尝试使用相同的href，添加一个类名，然后尝试启动一个jquery函数，它不会启动。为了弄明白这一点，我花了好几个小时才把头发拔出来。任何帮助都将不胜感激。下面是一些精简的代码来说明一个示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<link rel="stylesheet" type="text/css" href="tooltipster.css" />
<script language="javascript" type="text/javascript"  src="Scripts/jquery-1.8.0.min.js"></script>
<script language="javascript" type="text/javascript" src="Scripts/jquery.tooltipster.js"></script>

<script>
$(document).ready(function() {
    $('.element').tooltipster({
       animation: 'fade',
       delay: 180,
       offsetX: 0,
       offsetY: 0,
       onlyOne: true,
       position: 'top',
       maxWidth: '300',
       speed: 150,
       timer: 0,
       theme: '.tooltipster-default',
       interactive: true,
       interactiveTolerance: 350,      
       updateAnimation: true,
       trigger: 'custom',
       interactive: true
    });

    $('.element').tooltipster('update', 'Select an Image from the right hand image list.<a class="update" href="#">Cancel Editing.</a>');
    $('.element').tooltipster('show');

    $('.update').click(function(){
        alert("hello");
    }); 

});


</script>

</head>

<body>

<a class="update" href="#">Hello</a>


<div align="center" class="element" title="Try clicking <a href='http://google.com'>this link</a>"> 
    <p>This div has a tooltip when you hover over it!</p>
</div>

</body>
</html>


无标题文件
$（文档）.ready（函数（）{
$（'.element'）.tooltipster({
动画：“淡入淡出”，
延误：180，
抵销额：0，
副职：0，
只有一个人：是的，
位置：'顶部'，
maxWidth:'300'，
速度：150，
计时器：0，
主题：'.tooltipster默认值'，
互动：没错，
互动容忍度：350，
updateImation:true，
触发器：“自定义”，
互动：真的
});
$（'.element'）.tooltipster（'更新'，'从右侧图像列表中选择图像'）；
$（'.element'）.tooltipster（'show'）；
$（'.update'）。单击（函数（）{
警惕（“你好”）；
}); 
});
当你将鼠标悬停在这个div上时，它会有一个工具提示

我编了一把小提琴来说明这个问题。

为.udpate元素设置click处理程序时，jquery还不知道此类中的元素。这就是为什么在您的示例中不设置handler。相反，请使用另一种方法，即处理文档的所有单击，并仅为.update元素选择addressed

$(function(){
    $(document).on('click', '.update', function(){
        alert('hello');
        return false;
    });    
});