jquery - 单击 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
});