-5

我有一个 index.html，有一个 DIV，我希望通过单击按钮来加载其余的 HTML 文件，这里我有一个例子： 在此处输入图像描述
我尝试了很多我在谷歌上找到的例子，但没有一个他们正在工作。这是我使用的最后一个代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"     "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>  

<script src="jquery/reflection.js" type="text/javascript" charset="UTF-8"></script>
<script src="jquery/jquery-1.10.1.min.js" type="text/javascript" charset="UTF-8">  </script>
<link rel="StyleSheet" href="css/css.css" media="all" type="text/css">

<script type="text/javascript">
    function change(page) {
        $("#content").load(page);
    }
</script>

</head>
<body>  

<div id="cabecera">
    <a href="javascript:change('contacto.html');"><button style="float:right; margin-right:49px;" type="button" name="btn_der" value="" class="menu_principal" id="btn_der">CONTACT</button></a>
    <button style="float:right;" type="button" name="" value="" class="menu_principal">PRODUCTS</button>
    <button style="float:right;" type="button" name="" value="" class="menu_principal" id="btn_izq">HOME</button>
</div>

<div id="cuerpo">
    <div id="content"></div> <!--This is the one where rest of html file should be loaded -->

<div id="tablet" class="reflect">
    <img src="imagenes/tablet.png" class="reflect">
</div>

</div>


</body>
</html>


另一方面，当我第一次加载 index.html HOME 按钮时，是否有可能出现在活动状态？我将不胜感激任何帮助。非常感谢。

4

3 回答 3

4

为什么它不起作用？

查看您的控制台。

GET http://www.globalapplicationsusa.com/jquery/jquery-1.10.1.min.js 404 (Not Found) 
Failed to load resource: the server responded with a status of 404 (Not Found)

您指向 jQuery 文件的链接已损坏，因此代码甚至没有运行。

于 2013-06-26T14:57:31.090 回答
1

我认为 show hide jq 是你需要在这里使用的。这是我放在一起的链接。

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

});

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

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

您也可以尝试使用 iframe，您可以让按钮更改框架的 src。

于 2013-06-26T15:25:07.943 回答
0

尝试将脚本标签移动到页面底部，或至少在内容 div 后面。不是 100% 肯定，所以如果我错了，请不要开枪，但我认为 javascript 会执行并且 #content div 尚未加载到 DOM 中。所以javascript找不到元素。

网页底部/顶部的JavaScript？

于 2013-06-26T14:56:09.657 回答