Modal在本地服务器上工作，但不远程

Modal works on local server but not remote?

本文关键字：工作 服务器 Modal      更新时间：2023-09-26

我有一个表格，用户可以点击链接查看有关游戏的文章。在我的本地服务器上工作得很好，但当部署时，模态只是空白。

在我的脑海里我叫这些

<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;
    });
});

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

谢谢!

试试这个:

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;
 });
});
相关文章：