jquery自動完成點擊事件

<div id="display"> 
    <div align="left" class="display_box"> 
     <a class="test" href="#"> 
      <img style="width:25px; float:left; margin-right:6px" src="user_img/gow.jpg"> 
     </a> 
     <input type="hidden" id="uid" value="3"> 
     <b>b</b>ack&nbsp;<b>b</b>ack<br> 
     <span style="font-size:9px; color:#999999">back</span> 
    </div> 
    <div align="left" class="display_box"> 
     <a class="test" href="#"> 
      <img style="width:25px; float:left; margin-right:6px" src="user_img/gow.jpg"> 
     </a> 
     <input type="hidden" id="uid" value="3"> 
     <b>b</b>ack&nbsp;<b>b</b>ack<br> 
     <span style="font-size:9px; color:#999999">back</span> 
    </div> 
</div>

我使這個自動完成搜索功能的圖像縮略圖像Facebook的圖像，並獲得這個在Ajax調用後的HTML。我想要做的是，如果用戶點擊任何div與類display_box我想要得到隱藏的字段在div中的值...jquery自動完成點擊事件

我試過這段代碼，但它沒有捕獲點擊事件如何，如果我使用#display點擊事件捕獲，但這是整個div。

$('.display_box').click(function() { 
    var id =$(this).find('input[type=hidden]').val(); 
});

來源

2012-06-28 Abdul basit

你是如何創建這些#display塊？動態？還[[小提琴]（http://jsfiddle.net）將幫助形象化您的代碼:) – AbstractChaos

終於發現了問題，實際上它是結合與顯示框的點擊事件，但沒有顯示框的存在程序開始運行，或直到你搜索，所以我所做的就是我在成功的單擊事件綁定時阿賈克斯呼籲，現在它的工作......我希望它有幫助。實際上這些div display_box是動態的當用戶搜索來自數據庫的東西這裏是幫助任何一個完整的代碼

   $.ajax({ 
       type: "POST", 
      url: "search.php", 
      data: dataString, 
      cache: false, 
      success: function(html) 
      { 

      if(html !="") 
      { 
      $("#display").html(html).show(); 

    $('.display_box').click(function(){ 



$('#temp').val($(this).find('input[type=hidden]').val()); 
    $('#searchbox').val($(this).find('.name').text()); 
    $('#display').fadeOut('slow'); 




    }); 
      } 
     } 




      });

來源

2012-06-28 11:52:49

確保您添加了jQuery文件並且$沒有衝突。你可以在寫你的js代碼之前使用這一行。

$ = jQuery.noConflict();

來源

2012-06-28 11:50:51

您的代碼似乎工作。看看這個小提琴http://jsfiddle.net/3JK4c/

你把代碼放在文檔就緒函數裏面嗎？

$(document).ready(function() { 
    .... code here .... 
});

來源

2012-06-28 11:52:03 jurgemaister

jquery自動完成點擊事件

回答

相關問題