PHP新闻通过莫达尔

  • 本文关键字:新闻 PHP php jquery
  • 更新时间 :
  • 英文 :


我目前正在做一个项目来提高我的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>

我所知,

<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>标签上。

最新更新