jquery .attr () работает только в Chrome? - PullRequest
Новая
       7

jquery .attr () работает только в Chrome?

0 голосов
/ 25 апреля 2011

Кто-нибудь знает, почему этот код работает только в Chrome? Я хочу добавить более одного слайдера, и я начинаю экспериментировать, манипулируя ими на основе их идентификаторов! 

<html>
<head>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" >



</script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){

    var currentId = $(this).attr('id');
    panel = "#panel"+currentId;

    $(panel).slideToggle("slow");

  });
});
</script>

<style type="text/css"> 
div.panel,p.flip
{
    margin:0px;
    padding:5px;
    text-align:center;
    background:#e5eecc;
     border:solid 1px #c3c3c3;
}
div.panel
{
    height:120px;
    display:none;
}
</style>
</head>

<body>


<div class="panel" id="panel1">
<p>Because time is valuable, we deliver quick and easy learning.</p>
<p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p>
</div>

<p class="flip" id="1">Show/Hide Panel</p>


<div class="panel" id="panel2" >
<p>Because time is valuable, we deliver quick and easy learning.</p>
<p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p>
</div>

<p class="flip" id="2">Show/Hide Panel</p>


</body>
</html>

Ответы [ 2 ]

1 голос
/ 26 апреля 2011

Здесь я бы даже не стал возиться с поиском DIV, основанным на добавлении чисел к идентификатору, это просто слишком сложный способ действий Почему бы просто не вкладывать панели, которые будут отображаться при щелчке щелчка

http://jsfiddle.net/samccone/b6RkH/3/

И ваш код работал во всех браузерах, которые я тестировал с использованием новейшей версии jquery

0 голосов
/ 26 апреля 2011 
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").bind('click',function(){
    var currentId = $(this).attr('id');
    var panel = "#panel"+currentId;
   $(panel).slideToggle("slow");
   });
});
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...