Jquery 在网站的移动版本中禁用链接

我使用的是这个网站的模板，在桌面版上一切都很好，但在移动版中，除了导航之外的所有链接都不起作用。我已经在中运行了代码，并修复了可能导致此问题的候选项。我也看过关于这个（，和）的其他建议，但它们对我不起作用。若要复制，请在移动设备上打开网站，或将浏览器窗口缩小到足以呈现移动版本。下面的屏幕截图显示了我所指的链接

---

因此，侧边栏与内容重叠

.col-xs-1、.col-xs-2、.col-xs-3、.col-xs-4、.col-xs-5、.col-xs-6、.col-xs-7、.col-xs-8、.col-xs-9、.col-xs-10、.col-xs-11、.col-xs-12{
浮动：左；
}

关于手机使用的媒体查询

.col-xs-1、.col-xs-2、.col-xs-3、.col-xs-4、.col-xs-5、.col-xs-6、.col-xs-7、.col-xs-8、.col-xs-9、.col-xs-10、.col-xs-11、.col-xs-12{
浮动：无；
}

---

您可以再次选择您的文本和链接

因此，您的侧边栏与您的内容重叠

.col-xs-1、.col-xs-2、.col-xs-3、.col-xs-4、.col-xs-5、.col-xs-6、.col-xs-7、.col-xs-8、.col-xs-9、.col-xs-10、.col-xs-11、.col-xs-12{
浮动：左；
}

关于手机使用的媒体查询

.col-xs-1、.col-xs-2、.col-xs-3、.col-xs-4、.col-xs-5、.col-xs-6、.col-xs-7、.col-xs-8、.col-xs-9、.col-xs-10、.col-xs-11、.col-xs-12{
浮动：无；
}

您可以再次选择您的文本和链接

您的问题是：

<script src="http://www.ifgedmonton.org/assets/libs/boostrap/js/bootstrap.min.js"></script>

不拉文件

请检查所有链接并引导css和js文件。

您的问题是：

<script src="http://www.ifgedmonton.org/assets/libs/boostrap/js/bootstrap.min.js"></script>

不拉文件

---

检查你的所有链接也引导css和js文件。

从外观上看，它不是移动版本。它只是被压扁了。右栏下降到下方时，会断开链接。我会考虑得到一个真正的移动模板。下面是一个演练：

从外观上看，它不是移动版本。它只是被压扁了。右栏下降到下方时，会断开链接。我会考虑得到一个真正的移动模板。这里是一个演练：

您的侧边栏div位于您的主要内容之上。您可以使用正确的css修复此问题，或者在它们之间添加一个清除div

<style>
    .clear { clear: both; }
</style>

<div class="clear"></div>

.clear{clear:两者；}

您的侧边栏div位于您的主要内容之上。您可以使用正确的css修复此问题，或者在它们之间添加一个清除div

<style>
    .clear { clear: both; }
</style>

<div class="clear"></div>

.clear{clear:两者；}

第一种解决方案

改变这个

<div class="col-sm-3" id="sidebar" role="navigation"></div>

对此

<div class="col-xs-12 col-sm-3" id="sidebar" role="navigation"></div>

这将把你的边栏放在底部

或

换成这个

<div class="col-sm-3 hidden-xs" id="sidebar" role="navigation"></div>

这将隐藏侧边栏

第一个解决方案

改变这个

<div class="col-sm-3" id="sidebar" role="navigation"></div>

对此

<div class="col-xs-12 col-sm-3" id="sidebar" role="navigation"></div>

这将把你的边栏放在底部

或

换成这个

<div class="col-sm-3 hidden-xs" id="sidebar" role="navigation"></div>

---

这将隐藏你的侧边栏

你是对的，这是一个问题，但我认为这不是问题中所述的问题。如果他试图使用引导，这肯定会有所帮助。当然，这是他的问题的一部分@别担心，我同意你的看法。我的意思是，问题中的具体问题是由更多因素引起的。感谢您的关注，我修复了链接，输入了一个错误，

bootstrap

，而不是

bootstrap

！尽管如此，原始问题仍然存在。你是对的，这是一个问题，但我不认为这是问题中所述的问题。如果他试图使用引导，这肯定会有所帮助。当然，这是他的问题的一部分@别担心，我同意你的看法。我的意思是，问题中的具体问题是由更多因素引起的。感谢您的关注，我修复了链接，输入了一个错误，

bootstrap

，而不是

bootstrap

！不过，原来的问题还在那里。谢谢，这个问题解决了！有趣的是，我尝试在引导CSS中编辑这一行，但没有解决它。我在我的自定义样式部分直接将其添加到我的模板中，效果很好。谢谢，这已经修复了它！有趣的是，我尝试在引导CSS中编辑这一行，但没有解决它。我在“自定义样式”部分直接将其添加到模板中，效果不错。我选择这一点作为最佳答案。感谢@DCdaz提供您的解决方案（该解决方案也很有效，可能是未来任何人的通用解决方案），但此答案解决了我代码的实际问题。我选择此作为最佳答案。感谢@DCdaz提供您的解决方案（这也很有效，而且可能是未来任何人的通用解决方案），但这个答案解决了我的代码的实际问题。