javascript - 将 onclick 事件动态添加到锚标记，不起作用

Question

我的jsp中有以下锚标记

<a href="javascript:submit(this)">save</a>
<a href="javascript:alert(this)">something</a>

我需要停止默认的 href 行为，但在 onclick 时调用这些函数。同样，我写了这段代码：

$('a[href^=\'#\']').live("click", function (e) {
   alert("I am being called #");
   e.preventDefault();
   return false;
});

$(document).ready(function(){
      $("a[href^='javascript']").each(function(){
            alert("replacing");
            var w=$(this).attr('href');

            $(this).attr('href','#');

            $(this).attr("onclick",w);
   });
});

但是，单击链接时不会调用这些函数。你能告诉我哪里出错了。我正在使用 IE 8。

Answer 1

尝试这个：

$(document).on("click", "a[href^=\'#\']",function (e) {
   alert("I am being called #");
   e.preventDefault();
   return false;
});

$(document).ready(function(){    
      $("a[href^='javascript']").attr('href','#');    
});

Answer 2

$(document).ready(function() {
  var mydiv = document.getElementById("myDiv");
  var aTag = document.createElement('a');
  aTag.setAttribute('href', "#");
  aTag.setAttribute('id', "tagId");
  aTag.innerHTML = "link text";

  mydiv.appendChild(aTag);

  $("#tagId").on('click', function(e) {
    alert(1)

  });
});