php - Colorbox 在框外打开文档

Question

我的 PM 系统使用 Colorbox。单击“收件箱”链接，打开 colorbox 并通过 ajax 加载收件箱页面。收件箱页面显示用户消息的链接标题。单击该按钮，应在同一颜色框中打开 read_message 页面。不幸的是，事实并非如此。每当我点击链接时，它只会打开框外的页面。

我尝试过不同的事情，但没有任何爱。任何帮助将不胜感激!

一段 javascript(如果您需要 Colorbox.js 的整个 javascript，请告诉我!)

$(document).ready(function(){
$("#ajax").colorbox({ajax:true, width:"500px", height:"450px"});

});

单击 $newMessages 或 $noNewMessages 后打开 Colorbox 的页面

<div class="pageHeader">
<p class="title"><?php echo $myAccount ?></p>
<a class="viewMessages" id="ajax" href="message/inbox.php">
<?php
if (mysqli_num_rows($getAmountMessages) > 0 ) { 
    $row = mysqli_fetch_array($getAmountMessages);
        if($row['message_read'] == 0){ 
        echo $newMessages;
        } else {
        echo $noNewMessages;
    }
}
?>
</a>
</div>

收件箱页面 - 单击链接标题应打开 Colorbox 中的 read_message.php 文件

//Select messages in db
$getMessages = mysqli_query($mysqli,"SELECT * FROM messages WHERE recipient = '".$_SESSION['user_id']."' ORDER BY message_id DESC");
$numMessages = mysqli_num_rows($getMessages);

//Message(s) available for user
if (mysqli_num_rows($getMessages) > 0 ) { 
echo '<ul>';

for($count = 1; $count <= $numMessages; $count++)
{
    $row = mysqli_fetch_array($getMessages);
    //Show if a message is still new
    if($row['message_read'] == 0)
    { 
    echo '<a id="ajax" href="message/read_message.php?messageid='.$row['message_id'].'">'.$row['message_title'].'</a>(NEW MESSAGE)<br>';
    }else{
    echo '<a id="ajax" href="message/read_message.php?messageid='.$row['message_id'].'">'.$row['message_title'].'</a><br>';
    }
}
echo '</ul>';

    //No message(s) available for user
    }else{
     echo ("<p class='messagesinfo'>Er zijn geen nieuwe berichten</p>");  
    }

谢谢。

Answer 1

单击消息(链接)时，您是在告诉浏览器重定向到该链接，这将导致新页面加载。

相反，您需要通过 javascript 调用 $.colorbox。更改您的链接:

<a id="ajax" href="message/read_message.php?messageid='.$row['message_id'].'">'.$row['message_title'].'</a>

至

<a id="ajax" onclick="showMessage($row['message_id'])">'.$row['message_title'].'</a>

在您的 Javascript 中添加以下函数:

function showMessage(id) {
  $.colorbox({href:"message/read_message.php?messageid=" + id});
}

希望这有帮助!