2015-05-09 54 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值 –