在jQuery中显示多个HTML页面的任何选项

Any option to display multiple HTML pages in jQuery

本文关键字：任何 选项 HTML jQuery 显示      更新时间：2023-09-26

我是jQuery的新手，并试图创建具有多个HTML页面的代码的单个HTML文件。我甚至知道，在移动版jQuery中，可以在单个文件中链接其他HTML页面。所以有任何选项实现多个html页面在单一的html文件在jQuery，而不是在jQuery移动。任何建议。提前谢谢。

下面是我的代码: 
<div id="coo drinks">
    <ahref="hot.html">hot</a>
    Coke, Fan ta, Miranda Etc.
</div>
<div id="hotdrinks">
    coffee, tea etc
</div>

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

"东西必须放在一个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>

使用jQuery的load函数

$("#div").load("page.html");
相关文章：