正在将另一个页面加载到 DIV

Question

函数 .load 不适用于本地主机上的 Chrome（使用 Xampp）。
在 JsFiddle 上，如果我运行按钮没有任何反应。我的目标是加载到 DIV id="lista_ogol" 另一个页面。可能吗？
感谢您的帮助，如果我的代码混乱，请告诉我要更改的内容。

这是我的 html 代码：

<ul>
    <div id="lista_ogol" class="lista">
    <li><a id="rejestracjaID" href="javascript:void(0)" >Rejestracja</a></li>
    <li><a href="logowanie.php">Logowanie</a></li>
    </div>
</ul>

这是我的 Js 脚本：

jQuery(function(){
            jQuery('#rejestracjaID').click(function(){
                jQuery('#lista_ogol').load('logowanie.php', 
                        function(){alert('Content Successfully Loaded.')} 
                );
            });
        })

Answer 1

您需要在 html 文件中包含 jquery 脚本。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

确保将其放在文档的 <head> 中，或用于加载 PHP 页面的脚本上方。

Answer 2

如果您没有收到任何 jQuery 相关错误（如 $ is not defined/jQuery is not defined），则表示 jQuery 工作正常。

遇到这种情况，首先想到的是找不到所请求的页面。尝试将 correct URL 添加到 logowanie.php（例如 "/gate/login/logowanie.php") 因为 .load() 可能无法找到您请求的文件。

与此同时，如果您想将任何新的 html 页面添加到 DIV，一个备选方案（可能会或可能不会满足您的目的）是首先回显一个 iframe，然后使用 jQuery 的 .append() 方法附加它：

jQuery('#lista_ogol').append(<the iframe>);

正在将另一个页面加载到 DIV

Loading another page into DIV

javascript

xampp

jquery