2016-02-20 87 views
0

我目前正在從事一個項目,以提高我的PHP/SQL技能。 所以基本上我想這樣做,所以你點擊新聞標題打開一個模式,顯示新聞內容,這是我目前有,它不工作。 也很抱歉我的英語,我是荷蘭人。PHP新聞通過Modal

$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> 

回答

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>標籤,這不是一個按鈕。

+0

閱讀上述評論^ @Aron Quiray – SevnDK