使用jquery将HTML加载到DIV中

13 浏览
0 Comments

使用jquery将HTML加载到DIV中

我有一个index.html文件，在其中有一个DIV，我希望通过点击按钮加载其他HTML文件，这里我有一个例子：\n\"enter\n
\n我尝试了很多在谷歌上找到的例子，但是它们都没有起作用。这里是我最后使用的代码：
\n

\n
\n另外，当我首次加载index.html时，是否可以让首页按钮处于活动状态？\n非常感谢你们的帮助。谢谢。

0

3 答案

0 Comments

在使用jQuery将HTML加载到一个DIV中时，可能会遇到脚本无法找到元素的问题。这可能是因为脚本在DOM加载之前执行，所以无法找到要操作的元素。解决方法是将脚本标签移动到页面底部，或者至少放在内容DIV后面。

在stackoverflow上的一个帖子中提到了这个问题，链接为JavaScript at bottom/top of web page?。帖子中的回答者也提到遇到了同样的问题，解决方法是将脚本放在页面底部。

此外，还有一位用户在回答中提到，尽管在服务器上可以正常工作，但在本地主机上却无法正常工作。关于这个问题，帖子中并没有给出明确的解决方法。

总结起来，要解决将HTML加载到DIV中时脚本无法找到元素的问题，可以尝试将脚本标签放在页面底部。但如果在本地主机上仍然无法正常工作，则可能需要进一步调查原因。

0
0 Comments

问题的出现原因是希望通过点击按钮来显示或隐藏特定的HTML内容，但是目前的代码并没有实现这个功能。解决方法是使用jQuery的show和hide函数来实现显示和隐藏，同时为按钮添加点击事件来触发这些函数。另外，还可以尝试使用iframe来加载HTML内容，并通过改变iframe的src属性来实现显示不同的内容。如果希望按钮在点击后保持活动状态，可以在点击事件中添加代码来实现这个功能。以下是整理后的文章：

我认为在这里你需要使用show和hide函数来实现显示和隐藏的效果。

这是我整理的一个链接：

$("#homeButton").click(function () {
    $("#cuerpo").show();
    $("#tablet").hide();
});
$("#procuctsButton").click(function () {
    $("#tablet").show();
    $("#cuerpo").hide();
});

http://jsfiddle.net/jebr224/GEZth/

你还可以尝试使用iframe，通过改变iframe的src属性来实现按钮切换内容的效果。

点击按钮后，按钮应该保持活动状态吗？

目前的代码没有将按钮置于活动状态。如果希望实现这个功能，只需在.click(function)中添加相关代码即可。这样是否清楚？

0
0 Comments

为什么它不起作用？

查看你的控制台。

GET http://www.globalapplicationsusa.com/jquery/jquery-1.10.1.min.js 404 (未找到)
资源加载失败：服务器返回了404（未找到）的状态

你的链接到jQuery文件是错误的，所以代码甚至没有运行。

你是对的，但是我将它放在本地主机（我正在尝试的地方），而不是服务器上。

0