javascript - Onclick href 事件不起作用

Question

我正在尝试使用 onclick 事件获取 href 的值以将其添加到输入中，这是我正在使用的内容:

$(document).ready(function()
{
  $(".sellorderprice").click(function(e)
  {
    e.preventDefault();
    $('#buyprice').val($(this).attr('href'));
    $(this).attr('href');
    return false;
  });
  $(".sellorderamount").click(function(e)
  {
    e.preventDefault();
    $('#buyamount').val($(this).attr('href'));
    $(this).attr('href');
    return false;
  });
selldone();
sellupdate();
});

function selldone(){
setTimeout(function(){ sellupdate(); selldone(); },5000);
}
function sellupdate()
{
$.getJSON("<?php echo URL;?>/dashboard/sellorders", function(data){
    $("#sellingorders").find('tbody').empty();
    $.each(data.result, function(){
    $("#sellingorders").find('tbody').append("<tr><td><a href=\"#"+this['price']+"\" class='sellorderprice\'>"+this['price']+"</a></td><td><a href="+this['price']+" class=\"sellorderamount\">"+this['amount']+"</a></td><td>"+this['cost']+"</td></tr>");
    })
});
}

以下代码将数据附加到表格中，该代码有效，并且我将价格和金额包装在 href 中，以便我可以启动 sellorderprice 点击功能和另一个功能。然而，它不起作用，它只是访问链接。

我已经检查了我的调试控制台，没有显示任何错误，我的输入是正确的。我是否以错误的顺序订购功能？我只能想到这些。

Answer 1

问题在于绑定(bind)事件处理程序的方式。

$(".sellorderprice").click(function(e){

  });
  $(".sellorderamount").click(function(e){

  });

查看您的代码，您正在动态创建这些链接并附加到某个表中。但是，只有当您定义这些点击处理程序时您的元素已经存在于 DOM 中时，click() 才有效。因此，您需要在委托(delegate)模式下使用 on() (在 JQuery 1.7+ 中)，如下所示

     /* Assuming sellingorders is a static element, if this is also 
  some dynamically added element, change main selector to closest static 
  parent (or) document if there's none*/

    $("#sellingorders").on('click','.sellorderprice, .sellorderamount',function(e){
          e.preventDefault();
          if(this.className == 'sellorderprice'){
              $('#buyprice').val($(this).attr('href'));
          }else{
              $('#buyamount').val($(this).attr('href'));
          }
    });

希望这有帮助:)