Question

我有一张桌子，用户可以点击链接查看游戏上的内容。在我的本地服务器上运行良好，但在部署时，模态只是空白。

在我脑海里，我称之为。

<script type="text/javascript" src="Cal/jquery-1.8.3.js"></script>
<script type="text/javascript" src="Cal/jquery.simplemodal.js"></script>
<script type='text/javascript' src='Cal/basic.js'></script>

在我的表格中我有一个单元格

<?php $gamenotes = strip_tags($row_RcdSchd['gamenotes']); ?>
        <div id='basic-modal'>
        <a href="?id=<?php echo $gamenotes ?>"  data-mydata="<?php echo $gamenotes ?>" class='basic'>***</a> </div>

每个表格行我称之为

    <h3></h3>
    <p></p>

</div>

<!-- preload the images -->
<div style='display:none'>
    <img src='Images/x.png' alt='' />
</div>

这是我的basic.js文件。

jQuery(function ($) {
    // Load dialog on page load
    //$('#basic-modal-content').modal();

    // Load dialog on click
    $('#basic-modal .basic').click(function (e) {
        $('#basic-modal-content')
        .text($(this).data('mydata'))
        .modal();

        return false;
    });
});

正如我所说，本地工作完美。我点击任何游戏而不是超链接，它会打开包含游戏笔记的模态。在远程服务器上它打开但只是空白。我可以看到游戏笔记在超链接中是正确的，只是没有显示。

谢谢！

Answer 1

试试这个：

jQuery(function ($) {
// Load dialog on page load
//$('#basic-modal-content').modal();

// Load dialog on click
$(document).on('click','#basic-modal .basic',function (e) {
    $('#basic-modal-content')
    .text($(this).data('mydata'))
    .modal();

    return false;
 });
});

Modal适用于本地服务器但不是远程服务器？

1 个答案: