2010-12-28 3 views
0

У меня есть два div с разными идентификаторами (#washing, #bleaching). Как использовать функцию для разных идентификаторов. Я попытался добавить оба идентификатора вместе $("#washing, #bleaching"), но функция не работает правильно в div.Как мне вызвать ту же функцию с разными идентификаторами div?

Вот код:

$(function() { 
    $("#washing").paginate({ 
     count: 10, 
     start: 1, 
     display: 7, 
     border: true, 
     border_color: '#fff', 
     onChange: function(page) { 
      $('._current', '#paginationdemo').removeClass('_current').hide(); 
      $('#p' + page).addClass('_current').show(); 
     } 
    }); 
}); 
+0

Я думаю, что ваш селектор в порядке. Вы уверены, что элемент с идентификатором 'bleaching' существует на вашей странице? Если да, то работает ли это, если вы делаете два отдельных вызова 'paginate'? –

+0

@Andrew: Да, у меня есть элемент с отбеливанием. Проблема здесь заключается в том, что функция onChange имеет другой идентификатор (paginationdemo). Аналогично, я создал для отбеливания также, как #bleaching, #bleachingconons в функции onChange. ... $ ("# мойка, #bleaching") постраничной ({}) $ ('._ ток', '# paginationdemo, # bleachingicons') removeClass ('_ ток') шкурку(); См. Рабочий пример здесь: http://tympanus.net/jPaginate/jPaginate.zip – Ravi

ответ

0

Обеспечить такое же имя класса для двух DIV и использовать в качестве

$(function() { 
    $("div.class_name").paginate({ 
     count: 10, 
     start: 1, 
     display: 7, 
     border: true, 
     border_color: '#fff', 
     onChange: function(page) { 
      $('._current', '#paginationdemo').removeClass('_current').hide(); 
      $('#p' + page).addClass('_current').show(); 
     } 
    }); 
}); 
+0

Это пример (http://tympanus.net/jPaginate/), который я пытаюсь реализовать. См. Demo5. Мне нужно иметь 4 набора примеров demo5 на странице. Итак, я использовал разные идентификаторы для каждого набора. Но функция создает проблему. Вот источник http://tympanus.net/jPaginate/jPaginate.zip – Ravi

0

Ваш множественный синтаксис селектора правильно. Но проблема в том, что #paginationdemo - это единственный элемент. Как вы можете разбивать страницы на два div с одним пейджером. Сделать paginationdemo селектор CssClass и добавить его в parentdiv

Multiple Selectors in jQuery

+1

$ («# washing», «#bleaching») неверен. это утверждение говорит, чтобы найти элемент с id 'wash' внутри элемента с id 'bleaching'. Тхи не Нахом ищет. http://api.jquery.com/jQuery/#jQuery1 –

+0

да shree. должным образом отмечены и исправлены – naveen

0

$ ('# мойка, # отбеливание, # div3') скрыть().

Пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JQUERY: Same function for multiple elements</title> 
<?php 
# jquery 
include_once("latest_jquery.php"); 
?> 
<!-- Page Script --> 
<script type="text/javascript"> 
$(function(){ 
    $('#washing,#bleaching,#div3').hide(); 
}); 
</script> 
</head> 
<body> 
<h2>jQuery: Using the same function for different elements</h2> 
<h4>Test: hide these divs</h4> 
div 1: 
<div id="washing" style="border:solid 1px; height:20px;"></div> 
div 2: 
<div id="bleaching" style="border:solid 1px; height:20px;"></div> 
div 3: 
<div id="div3" style="border:solid 1px; height:20px;"></div> 
</body> 
</html> 
2

$ ("# мойка, #bleaching") кажется правильным.

  • Проверьте, не было ли каких-либо ошибок. Из-за этого этот кодовый блок может быть пропущен.
  • Предполагая, что ошибок не было. Не могли бы вы попробовать это:..

    $ (функция() { $ ("# мойка, #bleaching") addClass ('TestClass') постраничной ({ // так же, как предоставленная Вами }); });

Код почти такой же, как вы написали, но я добавил вызов addClass перед вызовом paginate. проверьте, добавляются ли имена классов. если да, то проблема не в методе $, а должна быть связана с методом paginate.

Смежные вопросы