防止链接失败

时间:2012-04-24 13:32:28

标签: jquery html css

我在页面上有这个HTML:

<a href="review.asp?sitename=webcamking#video_embed" class="tutorials" data_site="webcamking">&nbsp;&nbsp;Tutorial 1</a>

这个jquery:

    $('.tutorials').click(function(event){
       event.preventDefault();
       event.stopPropagation()
       var linkText=$(this).text();
       var siteName= $(this).attr('data_site');
       alert("Test. linkText:"+linkText+". siteName:"+siteName);
      _gaq.push(['_trackEvent', 'LinkClicked', siteName, linkText]);
       //window.location.href=$(this).attr('href');

       return false;

  })

问题是该链接仍然一直将我送到目的地。我需要阻止它。我需要检查我得到的警报...并希望触发谷歌分析事件!!

更新:修改后的代码:

$(document).ready(function(){

       $('.tutorials').click(function(event){
       event.preventDefault();
       var linkText=$(this).text();
       var siteName= $(this).attr('data_site');
       alert("Test. linkText:"+linkText+". siteName:"+siteName);
      _gaq.push(['_trackEvent', 'LinkClicked', siteName, linkText]);
       //window.location.href=$(this).attr('href');

       return false;

  });

2 个答案:

答案 0 :(得分:2)

  1. 您是否在$( document ).ready( function() {})声明中附上了jQuery代码块?
  2. 此块上方是否有任何代码正在崩溃并阻止此块执行?

答案 1 :(得分:1)

使用此:

HTML:

<div id="tutorials">&nbsp;&nbsp;Tutorial 1</div>​

jquery的:

 $('#tutorials').click(function(event){
   event.preventDefault();
   event.stopPropagation()
   var linkText=$(this).text();
   var siteName= $(this).attr('data_site');
   alert("Test. linkText:"+linkText+". siteName:"+siteName);
  _gaq.push(['_trackEvent', 'LinkClicked', siteName, linkText]);
   //window.location.href=$(this).attr('href');

   return false;

})