Question

我想要做的是，当我点击按钮查看更多信息时，模式会打开并显示工人的图片和一些信息但我的问题是我有超过30行的工人和我希望它分别显示每个。我知道这是因为id标记是唯一的，每行都在使用它。我在这里发现了一个类似的问题，但我不能发表评论，因为我是一名新成员。一个人说了

$("[id^='myModal']")

我该如何申请？我尝试将它直接放在我的脚本标签中;但它没有奏效。我对javascript和jquery都知之甚少，而且还在学习。

顺便提一下，下面是我的html / php代码。它可以工作，但由于共享的id标记，它在所有行上显示相同的信息/输出。非常感谢您的帮助和指导。

while($row = mysql_fetch_array($sql))
{
  echo "<td>".$row[0]."</td>";
  ................................
  echo "<td><button class='btn btn-primary' data-toggle='modal' 
  data-target='#myModal'>View more info</button></td>";
  echo "
     <div class='modal fade' id='myModal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
     <div class='modal-dialog modal-vertical-centered'>
     <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'>Modal title</h4>
    </div>
    <div class='modal-body'>
      Lorem Ipsum <img src='../data/worker_pics/".$row[10]."'>
      echo "<td>".$row[11]."</td>";
      ..........
    </div>
  </div>
</div>
</div>";
}

用于引导模态的jQuery数组

0 个答案: