【问题标题】:jQuery .load PHP into a Div -not working-jQuery .load PHP 到一个 Div - 不工作 -
【发布时间】:2012-02-10 18:09:41
【问题描述】:

这是一个很棒的资源,我在我的第一个网站开发项目中一直在广泛使用它。

我有静态网页,我想保持静态,但将 WordPress(已在 /blog/ 子域上安装并运行)引入到指定 div 中的静态主页。我找到了代码:

<script typ="text/javascript">
    $(document).ready(function(){
         $("#randomdiv").load("load.php");
    });
</script>

我从“#randomdiv”修改为“#myblog”,将“load.php”修改为 WordPress 添加的“blog/index.php”文件。我还指定我想要 index.php 中的#content。

<script typ="text/javascript">
    $(document).ready(function(){
         $("#myblog").load("blog/index.php #content");
    });
</script>

<div id="myblog" class="grid_8">
"Loading..."
</div>

踢球者:昨晚工作了大约一个小时。我正在为我的静态页面设置 CSS 中的 php 样式,但它停止了工作!我已经清除了所有内容并重新开始,但没有运气。我哪里错了???

--感谢您的回复--

也许有人可以快速轻松地向我解释 .php 的工作原理。 WordPress 在 /blog/ 中给了我大约 15 个 .php 文件,我认为 index.php 是我的票,但也许不是。不过,深夜这工作。我发布了一个新帖子,它出现了,我正在设计它和所有东西。有些东西发生了变化,我找不到它。

【问题讨论】:

  • “不工作”真的含糊不清。如果您安装了 Google Chrome 或 Firebug for Firefox,请检查 JS 控制台是否有错误。发布那些。
  • 在谷歌浏览器的控制台中没有显示任何错误;事实上,它没有显示任何东西,这就是我问题的根源。没有显示。然而,它昨晚使用了准确的 sn-p 代码。我的想法是:(1)我的 jQuery 错误/不够复杂,或者(2)index.php 不是链接到的正确文件。抱歉,我希望我能更好地解决这个问题,但我想我可能离它太近了。
  • blog/index.php 是否与您的页面在同一个域、端口和安全性 (http/https) 上?另外,你能访问blog/index.php吗?
  • 检查代码中的这些小语法错误,例如错误的属性“typ”。
  • 哈哈 Karlisson 在我的代码中是正确的,但是我从博客中复制了我得到它的地方,她打错了,并在那里为它道歉。不过我确实有这个问题。

标签: php jquery wordpress


【解决方案1】:

WordPress 将我的 index.php 放在 http://... com/blog/index.php 而不是 http://www ... com/blog/index.php。

我进入了我的 WordPress 仪表板,导航到设置,并更改了 WordPress 地址 (url) 和站点地址 (url) 以包含“www”。

【讨论】:

    【解决方案2】:

    试试$('#myblog').load('blog/index.php')。我只需要加载的 HTML 中的 #content 元素 - 考虑请求另一个 url,它只返回您需要的 HTML 代码部分。

    另外,可能你在设置 HTML 样式时破坏了它,所以当使用 .load 函数加载 HTML 时,jQuery 找不到 #content 元素 - 然后它不会(也不应该)显示任何错误消息。

    【讨论】:

    • 现在,这确实在昨晚起作用了。我只从 index.php 中的 div 加载了#content 标签。我觉得这里对精神错乱的定义是:一遍又一遍地尝试同样的事情,却期待不同的结果。
    • 我很抱歉这么说,但你错了。 jQuery 允许您仅加载 html 的片段。仔细看看:api.jquery.com/load/#loading-page-fragments
    • 哈哈 gion_13 我以为你在告诉我我错了!我正准备去让自己承诺。上面的电话也对我不起作用。如果有人有额外的时间(你们都很乐于助人,我感激不尽),该网站位于 www.zephyrdesigns.com。我试图让博客加载到“divider1”div 下方(三个选项下方的对角分隔线。
    • Karevn:我正在尝试为击键实现您的方法击键(并在我继续进行时理解它)。我已经从我的 CSS 中删除了所有样式到 #myblog,并且我还没有触及 index.php 中的原始 CSS 文档。我仍然收到 0 个网络请求并且没有加载内容。
    • 好的,我刚从 Chrome 网络标签中得到这个:zephyrdesigns.com zephyrdesigns.com/blog GET (canceled) undefined zephyrdesigns.com/blog/index.php Redirect 13B 0B 4.49s 0.0 days
    猜你喜欢
    • 2013-02-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-16
    • 1970-01-01
    • 2015-09-17
    • 1970-01-01
    相关资源
    最近更新 更多