单击jquery搜索结果时显示弹出窗口

Question

我做了一个简单的搜索表单，使用jquery显示结果，但点击搜索结果没有任何反应，除了它是一个链接（即一个新页面将被加载到浏览器中）。 实际上，我想在框中显示更多细节

$(document).ready(function(){
  $('#form').submit(function(){
    var keyword = $('#text').val();
    $.ajax({
      type: 'post',
      url: 'search.php',
      data: keyword,
      success: function(result){`enter code here`
        $('div#result').html(result);
      }    
    });
  });

  // this is for a click on a result
  $('#visit').click(function(){
    // show my hidden box with more details in it
  });
}); 

Answer 1

这是附加内容，因此请使用事件委派：

$('#result').on('click', '#visit', function() {
    //do stuff
});