为表中的每一行打开弹出窗口

时间:2015-04-15 11:13:18

标签: php html twitter-bootstrap

我正在尝试为表中的每一行打开bootstrap pop。如果我保留了它,它可以工作 循环中的onclick事件和循环中的弹出窗口获取不同的id即photoModal.But由于某种原因我必须保持弹出窗口不循环。

<!-- Image toggle box start-->    
                  <div class="bs-example"> 
                <div id="photoModal" class="modal fade">
                  <div class="modal-dialog"  >
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title">rudra pop 2 </h4>
                      </div>
                      <div class="modal-body"> <img src="<?php echo URL;?>images/decor/Int-Design2.jpg" style="max-width:100%; "  /> </div>
                    </div>
                  </div>
                </div>
              </div> 
  <!-- End Image toggle box start--> 



<a href="#"  data-toggle="modal" data-target="#photoModal" data-title="Feedback" 
                    style="border:none !important; text-decoration:none !important;">
                        <div class="tz-image-item">
                            <img alt="" src="images/decor/Int-Design1.jpg">
                        </div>
                        </a> 

1 个答案:

答案 0 :(得分:2)

使用Javascript打开模态对话框。这应该对你有帮助。

$(document).ready(function() {
    $('tr').on('click', function(ev) {
        $('#my-modal').modal('show');
    });
 });