Были попытки показать скрытие DIV на странице моего веб-сайта.Событие Jquery click не запускается
Он отлично работал с простым javascript, но заметил, что он не работает при моделировании на мобильных устройствах. После небольшого исследования я изменил свой код на следующий, есть ли что-то в этом плохого?
<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>
Вот мой стек NavBar, где два варианта действуют как кнопки
<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>
'Ид = "RenderPortfolio_Btn"' = '$ (» #portfolioBtn ') ' –
жаль, что я вас не понял, вы хотите сказать, что мне нужно заменить document.getElementById (' RenderPortfolio_Btn '); с $ ('RenderPortfolio_Btn')? –
Нет, вы создали переменную 'portfolioBtn', которая ссылается на элемент. Если вы хотите, чтобы jQuery использовал эту переменную, вы не должны заключать ее с кавычками с хешем - это способ использования jQuery для выбора элемента по идентификатору. Вам либо нужно использовать '$ (" # RenderPortfolio_Btn ")' или '$ (portfolioBtn)'. Одна из основных моментов использования jQuery заключается в том, что вы можете исключить «var variable = document.getElementById' crap, и вы можете выбрать элемент (ы) и выполнить несколько операций или применить фильтры или обходы в одной строке. –