2015-05-09 46 views
0

這是js代碼:獲取有關單擊事件中使用的自舉模式

$(document).ready(function() { 
     $('#myModal').on('shown.bs.modal', function() { 
      console.log(this); 
      p_info = $(this).attr('id').split("||"); 
      // $.ajax({ 
      // method: "POST", 
      // url: "/pacients/add_new_disease", 
      // data: { pacient_id: p_info[0]} 
      // }) 
      // .done(function(msg) { 
      // $("#myModalLabel").text("Add disease - "+ p_info[1]); 
      // }); 
     }); 
    }); 

這是HTML的一部分:

<img src="http://localhost/test/images/pacients/update_pacient.jpg" id="25||Mihai Eminescu" class="update_pacient" data-toggle="modal" data-target="#myModal" alt="update"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 

     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title" id="myModalLabel"></h4> 
     </div> 
     <div class="modal-body"> 
      <h4>Select diagnostic</h4> 
      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> 
      <h4>Symptoms</h4> 
      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> 
      <h4>Treatment</h4> 
      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> 

     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 

     </div> 
    </div> 
    </div> 

我想實現的是從IMG獲得的id值標籤,這個,但顯然這是行不通的。你可以給我一些想法,當我點擊img並顯示模態時,如何獲得id值?

+0

有沒有辦法打開我的模態與onclick事件? –

回答

0

我猜$(this)指的是模態而不是圖像。

因此,嘗試這樣來代替:

p_info = $("img.update_pacient").attr('id').split("||"); 
+0

我的頁面中有很多update_pacient類。我有一個pacients列表,每個pacient都有一個img和類update_pacient。當我點擊img時顯示一個模式。我想使用這個從img獲得id值 –

相關問題