Код внизу прекрасно работает на Chrome, но не на Firefox 39.0. Любые предложения о том, почему нет? Возникает ли проблема с display:none
или с функцией click
?JQuery совместимость с Firefox
HTML
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js"></script>
</head
<body>
<a class="showSingle" target="1">
<p style="text-align:center;">Show 1</p>
</a>
<a class="showSingle" target="2">
<p style="text-align:center;">Show 2</p>
</a>
<a class="showSingle" target="3">
<p style="text-align:center;">Show 3</p>
</a>
<div id="div1" class="targetDiv">
<p>test1</p>
</div>
<div id="div2" class="targetDiv" style="display:none">
<p>test2</p>
</div>
<div id="div3" class="targetDiv" style="display:none">
<p>test3</p>
</div>
</body>
</html>
JS
jQuery(function() {
jQuery('.showSingle').click(function() {
jQuery('.targetDiv').hide();
jQuery('#div' + $(this).attr('target')).show();
});
});
Это работает на скрипке btw https://jsfiddle.net/FdXNg/13/ – Jonakemon
Почему вы используете целевой атрибут для хранения данных? –
Работает для меня тоже. Какие ошибки вы получаете в FF при запуске? – j08691