JQuery не работает для каждого элемента HREF

Question

JQuery не работает для каждого элемента HREF

0

когда сначала "читать больше" href click, div changed.first нажимаем на него и при втором нажатии его сжимается.
Но это не работает для другого элемента href

как решить эту проблему.пожалуйста, помогите мне.

 <script>
     $(document).ready(function(){
         $('#more').click(function(){
            var toggleheight = $("#readmore").height() == 500 ? "100px" : "500px";
                  $('#readmore').animate({ height: toggleheight });
                  });
           });

     </script>

вот PHP-код

     <?php
      mysql_query("SET NAMES 'utf8'");
      $set_news=mysql_query("SELECT solution_date,Category,solution FROM solution ORDER BY solution_date DESC LIMIT 10",$connection);
        if(!$set_news){
        die("database query failed".mysql_error()); 
                        }

                        for($i=1;$i<=10;$i++) {
                        $rowofnews=mysql_fetch_array($set_news);

                        $category=$rowofnews['Category'];
                        $solution=$rowofnews['solution'];

                        echo ('<li>');
                        echo ('<div id="readmore"');
                        echo('<h2>');
                        echo $category;
                        echo('</h2><p>');
                        echo $solution;
                        echo('</p></div>');
                        echo('<p><span><a href="#" class="more" id="more">Read More</a></span></p></li>');
                        }
        ?>

vish 14 дек. 2013, в 12:37

Источник

Теги:

php

jquery

css

2 ответа

Ещё вопросы

way2vin · Answer 1 · 2013-12-14T09-03-00.000Z

Идентификаторы уникальны, для получения более подробной информации дублированный идентификатор не разрешен для ссылки на http://css-tricks.com/the-difference-between-id-and-class/.

и попробуйте привязать свой скрипт к

 <script>
   $(document).ready(function(){
      $('.more').on('click', function(){
         var toggleheight = $(".readmore").height() === 500 ? "100px" : "500px";
            $('.readmore').stop().animate({ height: toggleheight });
            });
       });
 </script>

jQuery.stop() останавливает текущую анимацию.

после того, как я добавил класс для div, все div получили span, когда кнопка clicked.stop () не работает.
Вы изменили селектор css с помощью #more .more и #readmore на .readmore
затем попробуйте использовать конкретный элемент $ ("a.more"). on (....) для ссылок и стилей
Сделал демо на jsFiddle demo 1 , нет необходимости указывать все как класс, если ваш элемент уникален, вместо этого дайте ему id. В этой демонстрации у меня есть ссылка на то, какое поле нужно расширить и уменьшить с помощью атрибута данных . Второе демо находится в jsFiddle demo. Еще 2 ссылки размещены внутри бокса, так что он может ссылаться на родителя, чтобы не было дополнительной ссылки на то, какой блок анимировать. Это поможет вам прояснить вашу идею?

Richard Peck · Answer 2 · 2013-12-14T08-09-00.000Z

Если вы пытаетесь выбрать несколько элементов, вам не следует использовать идентификаторы, вы должны выбрать по class, например:

$('.more').on("click", function(){

только первый перевод href работает. другие не работают для этого.
Можете ли вы опубликовать свой HTML-код, пожалуйста?