在WordPress主题中，如果应用Bootstrap scrollspy类，导航上的外部链接将不起作用
。这是因为Bootstrap scrollspy类是一种用于创建滚动监听效果的组件，它会根据滚动位置自动更新导航的活动状态。当应用了scrollspy类后，导航链接会被重写，以便在滚动时触发相应的滚动监听事件。
由于scrollspy类会拦截导航链接的默认行为，导致外部链接无法正常跳转。如果需要在应用了scrollspy类的WordPress主题中使用外部链接，可以考虑以下解决方案：
- 使用自定义JavaScript代码：通过编写自定义的JavaScript代码，可以在滚动时禁用scrollspy类的行为，使外部链接能够正常跳转。具体实现方式可以参考Bootstrap官方文档中的scrollspy部分。
- 使用其他滚动监听插件：除了Bootstrap的scrollspy类，还有其他第三方滚动监听插件可供选择。这些插件可能提供更灵活的配置选项，可以满足特定需求并且不会影响外部链接的跳转。
需要注意的是，以上解决方案仅供参考，具体实施方式可能因WordPress主题的不同而有所差异。在实际应用中，建议先备份主题文件，然后根据具体情况进行调整和测试，确保解决方案的有效性和稳定性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
首先，我为我的英语感到抱歉。我正在做一个使用Bootstrap进行布局的Wordpress主题。当我在引导导航栏(类navbar-op)中使用同一页面中的链接时，它工作得很好，滚动起来也很流畅，但当链接指向外部模板时，它就不起作用了。不使用"navbar-op“类可以解决这个问题，但是之后平滑的滚动就会停止。我使用的是
浏览 10提问于2021-01-09得票数 0
2回答
我已经使用bootstrap设置了一个页面。()我有一个附加的侧边栏导航(它工作得很好)。我也在这个导航上使用bootstrap scrollspy，导航中的所有链接都在同一个页面内(使用ancors)。一切都运行得很好(甚至添加了一个平滑滚动插件)。我使用如下所示的bootstrap标记和css类来实现：
<a class="pull-right
浏览 0提问于2013-04-03得票数 5
我必须建立一个基于推特引导的WordPress主题。
现在，我在导航栏上遇到了一些问题。问题是WordPress ()提供的html类显然与Bootstrap不同。在带有‘navbar- wp_nav_menu’类的div中包装导航似乎是不够的……它使用了导航菜单的外观，但多级菜单仍然不起作用
浏览 0提问于2012-09-27得票数 1
回答已采纳
我试过添加浮点数和使用一些Bootstrap类来尝试让它工作，但都无济于事。不知道我错过了什么。我想让ul或所有的项目居中。以下是导航标记：
<nav class="navbar navbar-default" role="navigation"> <li><a href="#"
浏览 1提问于2017-04-03得票数 0
1回答
我正在用Wordpress建立一个网站。大多数导航菜单链接，链接到主页上的id。因此，当我加载我的网站时，所有链接到主页上的位置的链接当前都是活动的。我在Wordpress中删除了检查脚本是否处于活动状态的脚本。我想我可以使用bootstrap scrollspy甚至这个JS
浏览 0提问于2017-02-03得票数 0
我的菜单上有.nav类，我相信data-target指向了正确的元素。--End of Navbar-->
如果有任何建议，我将非常高兴！
浏览 0提问于2016-01-31得票数 0
我正在使用Bootstrap将一些文档放在一起，并遇到了Firefox中Scrollspy插件的问题。本质上，"active“类被附加到我的侧边栏导航中的最后一个列表项，并且不会改变，即使在滚动页面时也不会改变。
我已经将我的示例与Bootstrap的版本进行了比较，无法确定两者之间的任何差异。我在这里托管了我的工作示例，供有时间<em
浏览 1提问于2012-10-20得票数 4
回答已采纳
1回答
最近我一直在玩Bootstrap，我现在正在为我的网站创建一个新的模板。我已经在这个问题上做了很多搜索，但我发现的大多数事情是那些根本无法让scrollspy工作的人。我想要做的是创建一个侧导航，它对每个字母都有一个单独的目标。单击链接可将您带到内容面板的该部分。内容面板将是按字母顺序排列的任何内容列表。手动滚动页面应该会自动将导航栏中的
浏览 1提问于2013-10-28得票数 2
回答已采纳
我目前正在为我的wordpress插件创建管理窗口，我的目标是使用已经在"wordpress管理员“的不同选项卡中使用的相同的CSS创建这个屏幕。我的问题是，是否有任何链接(或链接列表)，其中定义了Wordpress核心使用的所有CSS类来呈现"Wordpress管理员“(类似于Bootstrap</
浏览 0提问于2020-03-03得票数 0
回答已采纳
这是我对有问题的页面。<script>$(document).ready(function(){});</script><div class="navbar navbar-default navbar-fixed-top" id=
浏览 1提问于2015-04-30得票数 0
回答已采纳
2回答
我正在尝试为Wordpress创建一个导航，就像下面的链接中的导航。
基本上导航不会扩展。它只显示子链接，如果用户是该部分。在上面的链接中，"Service"部分就是一个例子。仅当您单击"Service"时才显示子链接。客户端在Dreamweaver中使用Dreamweaver模板和可编辑区域实现了这一点，但它在Wordpress<
浏览 0提问于2013-04-30得票数 0
回答已采纳
我在bootstrap页面上看到了左侧的ScrollSpy示例：
我已经停止在我的项目上使用scrollspy，因为滚动条只在页面级别工作，并且我需要滚动条只出现在发生滚动的容器上。
浏览 0提问于2013-07-20得票数 26
回答已采纳
1回答
我在wordpress中使用nav walker作为bootstrap。我该怎么做呢？我尝试了下面的代码，但这不起作用
<script language="javas
浏览 0提问于2013-10-24得票数 1
我知道这个问题已经在多个线程中得到了解决，但我仍然在碰壁。无论哪种方式，我都无法让上的任何导航栏工作。
在Bootstrap演示页面上，我认
浏览 7提问于2017-08-23得票数 0
我正在尝试让iPhone独立web应用程序中的链接在web应用程序中打开，而不是safari。<script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener1)}})(document,window.navigator,"standalone")<&#
浏览 1提问于2012-01-17得票数 0
1回答
(TL;DR)(全部)
我们有一个使用超级菜单的WordPress主题。这很好，但它是一个切换，并且只在主导航链接上工作。如果用户在mega菜单外单击，或者单击mega菜单本身的“关闭”按钮，则切换将不会发生，
浏览 7提问于2022-08-22得票数 0
3回答
我已经在谷歌上搜索了一个小时，我想看看是否有人有一个快速的答案。我想将内容管理系统导航加载到我的wordpress主题中，并考虑使用jQuery，但ajax似乎有相同的域策略来加载内容。到目前为止，我所读到<
浏览 1提问于2010-11-27得票数 0
回答已采纳
1回答
我喜欢这款应用在iphone上以独立模式运行的样子，但我正在努力想办法让这款应用在独立模式下运行，同时还能在safari中打开外部链接。我知道如何在点击链接时保持应用程序的独立模式，但当点击外部链接时，会出现以下两个问题之一：
1)如果我编码外部链接以使其处于独立模式，则无法从外部站点导航回我的</em
浏览 4提问于2013-11-08得票数 0
2回答
我正在使用页面内链接锚点来平滑地向下滚动我的页面。一切都很正常，每个链接都会悬停到相应的图像。我似乎不能让它在任何事情上工作。这是我的HTML<ul>
<li class="scrolldot"><span><a href="#one">1</a></span></li>
浏览 0提问于2013-02-08得票数 0
我使用的是wordpress菜单，它基本上看起来像： <li><a href="#"></a></li> <li><a href="#"></a><&#x
浏览 0提问于2015-08-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
