Question

我已经尝试了一段时间，我找不到解决方案，希望你能帮忙。

我有像这样的YouTube视频的链接

    <a id='LinkClick1' href='www.youtube.com' target='_blank'><strong>Title</strong></a>

我希望在点击该链接时进行注册，但每次点击它都会在另一个标签中打开网站而不会执行我的功能

    $("#LinkClick1").click( function(){
      var a='Hi!';
      var clicked='yes';
      console.log(a+clicked);
    });

如何点击链接以打开网站但又触发功能？

谢谢。

Answer 1

另一个DEMO ......在问题评论中提到的弹出窗口内的链接。

http://jsfiddle.net/weuWk/1126/

相关代码..

var img = '<a href="https://si0.twimg.com/a/1339639284/images/three_circles/twitter-bird-white-on-blue.png" target="_blank" id="1">TEST</a>';
$("#blob").popover({
  trigger: "manual",
content: img    
}).on("click", function(e) {
  e.preventDefault();
}).on("mouseenter", function() {
  $(this).popover("show");
  $(this).siblings(".popover").on("mouseleave", function() {
    $(this).hide();
  });
}).on("mouseleave", function() {
  var _this = this;
  setTimeout(function() {
    if (!$(".popover:hover").length) {
      $(_this).popover("hide")
    }
  }, 100);
});

$(document).on('click', '#1',function(){
console.log("CLicked");
});

考虑到bootrstrap popover更新。如果它仍然不适合你，更好地显示HTML或甚至更好地在jsfiddle上显示你的问题DEMO。

http://jsfiddle.net/AFffL/547/

<a class="popup-marker btn" data-content="Click outside the popover to close it." data-original-title="Popover A" href="youtube.com" target="_blank">Click me (A)</a>

jQuery(function() {


    $('.popup-marker').popover().on('click', function(e) {
        // if any other popovers are visible, hide them
        var a='Hi!';
       var clicked='yes';
      console.log(a+clicked);
    });


});

_---------------------------------------------- ------

您展示的代码确实完全符合您的要求...... 见

的演示

http://jsfiddle.net/tymeJV/CE2k5/（通过评论中的tymeJV）......

但是，如果链接是在运行时由dom manipulation或Ajax加载的，那么您的代码可能无效。在这种情况下尝试下面的代码。

$(document).on('click','#LinkClick1',function(){
      var a='Hi!';
      var clicked='yes';
      console.log(a+clicked);
    });

您可以使用$(document)的{{1}}来代替Selector for parent

单击链接时启动Jquery功能

1 个答案: