当我向我的div添加类时,Jquery闪烁

时间:2013-10-08 18:55:47

标签: javascript jquery html css

我遇到了Jquery和闪烁的问题。我的问题是,当我将我的id转换为类时,以下语法不起作用。问题是,它闪烁着。它大约闪烁。 7-8次。我究竟做错了什么?任何帮助,将不胜感激。谢谢大家。

我还想添加当我将我的课程改为ID时,一切都很好但我的网页上只有一个项目能够隐藏>点击> slideToggle(这不是我想要的,因为我列出的不仅仅是每页一件待售)。这个语法也在下面,它与不起作用的语法非常相似,但我决定将它包括在内。

(不工作语法。有类)

<?php
echo "<div class=\"fmv2\">Your Name</div>";
?>

<div class="p122">

<?php

 echo form_open("submit/submit_info");

 echo form_label('Your Name:','name');

   $data = array(
    "name" => 'name',
 "id" => 'box_width',
 "value" => set_value('name')
   );

   echo form_input($data);

   echo '<br>';

   echo form_submit('Submit','Submit');

   echo form_close(); 

?>
</div>

我的Jquery(不工作,有课程)

// JavaScript Document
$(document).ready(function(){

  $(".p122").hide(function(){

    $(".fmv2").click(function() {

      $(".p122").slideToggle(300);

  });

 });

});

工作语法(有ID)

<?php
echo "<div id=\"fmv2\">Your Name</div>";
?>

<div id="p122">

<?php

 echo form_open("submit/submit_info");

 echo form_label('Your Name:','name');

   $data = array(
    "name" => 'name',
 "id" => 'box_width',
 "value" => set_value('name')
   );

   echo form_input($data);

   echo '<br>';

   echo form_submit('Submit','Submit');

   echo form_close(); 

?>
</div>

我的Jquery。 (工作,有ID)

// JavaScript Document
$(document).ready(function(){

  $("#p122").hide(function(){

    $("#fmv2").click(function() {

      $("#p122").slideToggle(300);

  });

 });

});

1 个答案:

答案 0 :(得分:0)

我发现了我的问题。我一直在玩语法和下面的代码。

$(function() { // Shorthand for $(document).ready(function() {
      $('div.p122').hide();
      $('div.fmv2').click(function() {
            $(this).next('div.p122').slideToggle(300);
      });
});