未触发Jquery单击事件
未触发Jquery单击事件
提问于 2016-03-02 19:11:24
一直试图在我网站的一个页面上表演一个DIV隐藏节目。
它在普通的javascript上运行得很好，但注意到当在移动devices..after上模拟的时候，它没有工作--我把我的代码修改成了下面的代码，它有什么问题吗？
<script>
$(document).ready(function() {
var portfolioDiv = document.getElementById('portfolio');
var resultsDiv = document.getElementById('results');
var portfolioBtn = document.getElementById('RenderPortfolio_Btn');
var resultsBtn = document.getElementById('RenderResults_Btn');
//portfolioBtn.onclick = function () resultsBtn.onclick = function ()
$('#portfolioBtn').on('click touchstart', function() {
resultsDiv.setAttribute('class', 'col-md-9 hidden');
portfolioDiv.setAttribute('class', 'col-md-9 visible');
});
$('#resultsBtn').on('click touchstart', function() {
portfolioDiv.setAttribute('class', 'col-md-9 hidden');
resultsDiv.setAttribute('class', 'col-md-9 visible');
});
});
</script>下面是我的导航条堆栈，其中两个选项充当按钮。
<div class="col-md-3 col-sm-12 col-xs-12">
<br />
<ul class="nav nav-stacked">
<li style="background-color: lightgreen ; color:black;font-weight:bold"><a href="#" id="RenderPortfolio_Btn">Introduction</a>
</li>
<li style="background-color: lightgreen; color:black;font-weight:bold"><a href="#" id="RenderResults_Btn">Key Achievements</a>
</li>
</ul>
</div>回答 2
Stack Overflow用户
回答已采纳
发布于 2016-03-02 19:45:06
引用元素的变量与按ID进行选择的jQuery选择器相混淆。
var portfolioBtn = document.getElementById('RenderPortfolio_Btn');
var resultsBtn = document.getElementById('RenderResults_Btn');然后将jQuery选择器更改为：
$('#RenderPortfolio_Btn').on('click touchstart', function() {和
$('#RenderResults_Btn').on('click touchstart', function() {Stack Overflow用户
发布于 2016-03-02 19:19:29
您的代码在click和touchstart之间缺少一个逗号，您的id选择器也不正确。
$('#RenderPortfolio_Btn').on('click, touchstart', function() {
resultsDiv.setAttribute('class', 'col-md-9 hidden');
portfolioDiv.setAttribute('class', 'col-md-9 visible');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35756076
复制相关文章
相似问题
腾讯云开发者
