Объедините две или более функции - PullRequest
Новая
       9

Объедините две или более функции

0 голосов
/ 29 февраля 2012

У меня есть 10 изображений каждое с классом 1-10, как я могу заставить функцию работать для каждого класса?Работает нормально с class = "1".Просто не знаете, как их сложить? 

<body>
<div>
    <img src="img/13-01_basic_hover.jpg" class="1" width="220" height="184" title="huge, gigantic">
    <img src="img/13-01_basic_hover.jpg" class="2" width="220" height="184" title="Number 2">
</div>
<div class="project"></div>
<script>
var title = $(".1, .2").attr("title");
$(".project").text(title);
$(document).ready(function () {
    $(".project").fadeTo(0,0);
    $(".1, .2").hover(
        function () {
            $(".project").stop(true).fadeTo("normal",1);
        }, 
        function () {
            $(".project").fadeTo("normal",0);
        }
    );       
});
</script>
</body>

Ответы [ 2 ]

2 голосов
/ 29 февраля 2012

Просто добавьте их как запятую, 

$(".1, .2, .3, .4, .5, .6, .7, .8, .9, .10").hover(
  function () {
    $(".project")
        .text(this.title)
        .stop(true).fadeTo("normal",1);
  }, 
  function () {
    $(".project").fadeTo("normal",0);
  }
);

Или добавьте еще один класс к этим элементам и сгруппируйте их, а затем вы можете, 

$(".grouped").hover(
  function () {
     $(".project")
        .text(this.title)
        .stop(true).fadeTo("normal",1);
  }, 
  function () {
   $(".project").fadeTo("normal",0);
  }
);
1 голос
/ 29 февраля 2012

Имена классов, начинающиеся с цифр, недопустимы.Вы должны изменить это.

Имена классов обычно так или иначе используются для выбора групп предметов.Просто добавьте имя второго класса для всех ваших предметов и используйте его вместо .1.

...