Question

我目前正致力于提高PHP / SQL技能的项目。所以基本上我想做到这一点，所以你点击新闻标题打开一个显示新闻内容的模式，这是我目前拥有的，它是不工作的。也很抱歉我的英语，我是荷兰人。

$newssql = $odb -> query("SELECT * FROM `news` ORDER BY `date` DESC LIMIT 4");
                 while($row = $newssql ->fetch())
                 {
                 $id = $row['ID'];
                 $title = $row['title'];
                 $content = $row['content'];
                 $autor = $row['author'];
                 echo '
                 <a  data-toggle="modal" data-id="'.$id.'" data-target="#modal-3">
                     <div class="inbox-item">
                         <p class="inbox-item-author">'.htmlspecialchars($title).'</p>
                         <p class="inbox-item-text">'.htmlspecialchars($content).'</p>
                         <p class="inbox-item-date">'.date("m/d/y" ,$row['date']).'</p>
                     </div>
                 </a>
                 ';
                 }

//模态

                       <div aria-hidden="true" aria-labelledby="modal-label-3" class="modal fade"
 id="modal-3" role="modal" style="display: none;" tabindex="-1">
     <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <button aria-hidden="true" class="close" data-dismiss=
                 "modal" type="button">×</button>

                 <h4 class="modal-title" id="modal-label-3">NEWS</h4>
             </div>


             <div class="modal-body">
                 <?php echo htmlspecialchars($content); ?>
             </div>
         </div>
     </div>
 </div>

// jQuery的

    <script>
     $('button[data-target="#modal-3"]').click(function(event) {
        event.preventDefault();
        var j = $(this).attr('data-id');
    });
    </script>

Answer 1

据我所知，

<script>
 $('button[data-target="#modal-3"]').click(function(event) {
    event.preventDefault();
    var j = $(this).attr('data-id');
});
</script>

jquery将从按钮中检测点击事件，如您所述

echo '
             <a  data-toggle="modal" data-id="'.$id.'" data-target="#modal-3">
                 <div class="inbox-item">
                     <p class="inbox-item-author">'.htmlspecialchars($title).'</p>
                     <p class="inbox-item-text">'.htmlspecialchars($content).'</p>
                     <p class="inbox-item-date">'.date("m/d/y" ,$row['date']).'</p>
                 </div>
             </a>
             ';

它位于<a>标签上，而不是按钮。

PHP新闻通过莫代尔

1 个答案: