Php 模态窗口不加载propper结果

Php 模态窗口不加载propper结果,php,jquery,mysql,Php,Jquery,Mysql,我在从mysql数据库加载的页面上几乎没有拇指。现在我想在它们上做一个按钮视图,当我点击打开带有更多信息的模式窗口时 问题是总是在每个不同id上打开第一个项目。这就是我使用的。我猜问题出在按钮上,但不知道如何解决 foreach($pdo->query("SELECT * FROM projects ORDER BY project_id") as $row) { echo '<div class="portfolio-item '.$row['project_categ

我在从mysql数据库加载的页面上几乎没有拇指。现在我想在它们上做一个按钮视图,当我点击打开带有更多信息的模式窗口时

问题是总是在每个不同id上打开第一个项目。这就是我使用的。我猜问题出在按钮上,但不知道如何解决

foreach($pdo->query("SELECT * FROM projects ORDER BY project_id") as $row) 
{
     echo '<div class="portfolio-item '.$row['project_category'].'">';
     echo '<div class="portfolio">';
     echo '<a href="#" data-lightbox-gallery="portfolio">';
     echo '<img src="'.$row['project_image'].'" alt="Portfolio 1">';
     echo '<div class="portfolio-overlay hvr-rectangle-out">';
     echo '<h2 class="margin-bottom-small">
               <strong class="white-color bold-text"></strong>
           </h2>';
     echo '<div class="button" data-toggle="modal" data-target="#portfolio-4">View More</div>';
            echo '</div><!-- END PORTFOLIO OVERLAY -->
              </a>
           </div>

        <div class="modal fade contact-form" id="portfolio-4" tabindex="-1" role="dialog" aria-labelledby="portfolio-4" aria-hidden="true">
           <div class="modal-dialog modal-lg">
              <div class="modal-content">
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
                 <div class="modal-body member-info">
                    <div class="row">
                       <div class="col-md-5 col-sm-5">
                          <figure>
                             <img src="'.$row['project_image'].'" alt="">
                          </figure>
                       </div>
                       <div class="col-md-7 col-sm-7">
                          <div class="description">
                             <h3><strong class="bold-text">'.$row['project_overlay'].'</strong></h3>
                             <div class="light-text">'.$row['project_title'].'</div>
                             <div class="about margin-top-medium">
                                  <p>'.$row['project_details'].'</p>
                             </div>
                          </div> <!-- *** end description *** -->
                       </div> <!-- *** end col-md-7 *** -->
                     </div> <!-- *** end row *** -->
                   </div> <!-- *** end modal-body *** -->
                </div> <!-- *** end modal-content *** -->
          </div> <!-- *** end modal-dialog *** -->
        </div> <!-- *** end Contact Form modal *** -->
      </div> <!-- *** end  portfolio-item *** -->';
 }                           

简单地看一眼,我不知道你在使用什么插件,我会检查这行:。。。div class=模态淡入淡出联系人表单id=公文包-4 该按钮触发此模式数据目标=portfolio-4>


因此,我将获得每一行的索引并将其附加到模态的id,然后在按钮数据目标中,我还将附加该索引。。。所以ID是不同的,希望它有帮助,我也这么做了,但是使用了引导。

我忘了说它也是引导。你能给我举个例子吗?你是指在数据目标上输入id,例如$row['project_id']?是的,也在按钮中,但如何更改数据目标中的链接?我的意思是,如果我删除公文包-4,它不会打开模式…?你成功做到了吗?这里有一个提琴,它把基本框架放在两个模态上,两个模态可以由同一个按钮触发,你只需要在按钮中添加更改数据目标属性这个id应该由php生成,可能使用数组的索引,所以模态的id不同,但是为按钮设置了目标,希望它能有所帮助。echo’ID在文档中必须是唯一的–因为你在循环中输出这个HTML,它们当然不会是唯一的。好吧,我同意,但我不知道如何在没有循环的情况下实现。学会区分个别部分问题…步骤1:编写一段静态HTML代码,这就是您想要的关于至少两个单独项目的模态功能。第2步:编写PHP循环,创建与以前编写的静态代码等效的HTML代码,只使用动态值。