【问题标题】:Loading another page into DIV将另一个页面加载到 DIV
【发布时间】:2015-10-24 14:57:30
【问题描述】:

函数 .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.')} 
                );
            });
        })

【问题讨论】:

  • 你能检查你的控制台日志并粘贴到这里吗?
  • Uncaught ReferenceError: jQuery is not defined 很抱歉,如果这个问题太简单,我会删除它。我只是从编码开始
  • 如果下面的 ans 有效,请不要忘记将其标记为“Answer”
  • 谢谢,代码仍然不能正常工作,但它没有显示任何警告。我之前在 HEAD 中包含了代码,现在我将它包含在正文中,Chrome 终于看到了它

标签: javascript jquery xampp


【解决方案1】:

如果您没有收到任何与 jQuery 相关的错误(例如 $ is not defined/jQuery is not defined),则表示 jQuery 工作正常。


在这种情况下,首先想到的是找不到请求的页面。尝试在logowanie.php(例如"/gate/login/logowanie.php")中包含正确 URL,因为.load() 可能无法找到您请求的文件。

同时,如果您想将任何新的 html 页面添加到 DIV 中,另一种方法(可能会或可能不会达到您的目的)是首先回显一个 iframe 然后使用 jQuery 的 .append() 方法附加它:

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

【讨论】:

    【解决方案2】:

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

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

    确保将其放在文档的&lt;head&gt; 中,或放在用于加载 PHP 页面的脚本上方。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-09-15
      • 1970-01-01
      • 2011-12-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多