Question

我尝试在<a>标记内使用onClick，但它不起作用。我试图将777捕获到变量中，以后我可以在代码中使用它。我想点击图像，然后它显示一个警告框，我知道它的工作方式，但它不起作用。

$(function() {
    $.ajax({  
      async: false,    
      cache: false,  
      dataType: 'json',  
      url: 'http://www.getitfree.us/api/posts.json?filter=popular&limit=2',  
      type: "get",  
      success: function(json) {  
        var arr = ['51ae281f1521021885573121', '51b7af297665ebc546c39a34'];  
        for (var i = 0; i < arr.length; i++) {  
            $("#output").append("<div>" + "<a href='./next_page.html' target='_blank' id='777' onClick='Click(this.id)'>" + "<img class='img-responsive' alt='advertisement image' src='" + json.data[arr[i]].images['0'] + "'>" + "</a>" + "<p class='adjust_pTitle'>" + json.data[arr[i]].title + "</p>" + "</div>");
        }  
      },  
      error: function(json) {  
          throw new error();  
      }  
    })  
  });  

  function Click() {  
     alert("clicked");    
  };

Answer 1

尝试上课，例如.anchor到附加元素并使用on()方法来监听click事件：

$("#output").append("<div>" + "<a href='./next_page.html' class='anchor' target='_blank' id='777'>" + "<img class='img-responsive' alt='advertisement image' src=''>" + "</a>" + "<p class='adjust_pTitle'>Title</p>" + "</div>");

$(document).on('click', '.anchor', function(e) {
  e.preventDefault();
  alert($(this).attr("id"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="output"></div>

在调用AJAX后单击时将id存储到变量中

1 个答案: