0

我是 jQuery 的新手，并试图创建一个包含多个 HTML 页面的 HTML 代码文件。我什至知道在 jQuery mobile 中可以将其他 HTML 页面链接到一个文件中。那么是否有任何选项可以在 jQuery 中而不是在 jQuery 移动中实现单个 html 文件中的多个 html 页面。有什么建议么。提前致谢。

这是我的代码：

<div id="coo drinks">
    <ahref="hot.html">hot</a>
    Coke, Fan ta, Miranda Etc.
</div>
<div id="hotdrinks">
    coffee, tea etc
</div>

所以在上面的代码中，我想div在页面加载时显示第一个 ie coo 饮料，然后当我点击热链接时，它必须打开div谁id是“热”的。但是这些东西必须在一个 HTML 文件中。

4

2 回答 2

1

“东西必须在一个 HTML 文件中”，所以只需隐藏 div 在单击链接时显示内容

<div id="coo drinks">
   <a class="hotdrink" href="hot.html">hot</a>
   Coke, Fan ta, Miranda Etc.
</div>
<div id="hotdrinks" style="display:none">
    coffee, tea etc
</div>

脚本

<script type="text/javascript">
    $(function() {
        $(".hotdrink").click(function(event){

        $("#hotdrinks").show();
        event.preventDefault();
        });
    });  
</script>
于 2013-06-21T09:59:01.243 回答
0

使用jQuery的加载功能

$("#div").load("page.html");
于 2013-06-21T09:52:10.203 回答