首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >加载页而不刷新

加载页而不刷新
EN

Stack Overflow用户
提问于 2022-06-26 21:20:33
回答 1查看 48关注 0票数 0

我脑子里有个剧本:

代码语言:javascript
运行
复制
<script>
    $(document).ready(function() {
        $('#nav a').click(function(e) {
            e.preventDefault();
            $('#content').load($(this).attr('href'));
        });
    });
</script>

关于剧本的这一部分

代码语言:javascript
运行
复制
   <div class="dropdown-menu" id="nav">
      <a href="../exercises/match_pinyin.php" class="dropdown-item" >Profile</a>

效果很好。这意味着它在不刷新整个页面的情况下加载php页面。

现在我需要让它和

代码语言:javascript
运行
复制
       <div id="submenu-2" class="collapse" id="nav">
            <ul class="nav nav-small flex-column">

              <li class="nav-item">
                <a class="nav-link" href="../exercises/match_pinyin.php">Γραπτές Ασκήσεις</a>
              </li>

              <li class="nav-item">
                <a class="nav-link" href="pages-utility.html">Utility Pages</a>
              </li>

              <li class="nav-item">
                <a class="nav-link" href="pages-layouts.html">Layouts</a>
              </li>

            </ul>
          </div>

我也尝试了下面的,但它加载到一个新的页面。

代码语言:javascript
运行
复制
<script>
    $(document).ready(function() {
        $('#nav ul li a').click(function(e) {
            e.preventDefault();
            $('#content').load($(this).attr('href'));
        });
    });
</script>

知道我该怎么做吗?

EN

回答 1

Stack Overflow用户

发布于 2022-06-26 22:27:48

$('#nav a, .nav-link').click成功了,现在看起来不错了。

谢谢

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72765217

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档