JQuery рейтинг плагин и функция JQuery нажмите - PullRequest
Новая
       20

JQuery рейтинг плагин и функция JQuery нажмите

1 голос
/ 10 октября 2009

Я использую плагин jquery star rating: http://www.fyneworks.com/jquery/star-rating/

Я мог бы получить HTML-код, подобный этому: 

<form name="api-disable">
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="1"/>
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="2"/>
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="3"/>
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="4"/>
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="5"/>
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="6"/>
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="7"/>
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="8"/>
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="9"/>
  <input type="radio" class="star {split:2}" name="api-readonly-test" value="10"/>
  <input type="button" value="Submit &raquo;" onClick="
   $(this).next().html( $(this.form).serialize() || '(nothing submitted)' );
  "/>
  <span></span>
 </form>

Это работает нормально, но если я пытаюсь вызвать свою собственную функцию, моя функция не срабатывает. Например: 

$('.star').click( function () {
    alert('test');
});

Я также пытался прикрепить идентификатор и сделать так, чтобы функция щелчка, но все равно не повезло. Если я уберу звездный класс из кнопок, моя функция будет работать. Таким образом, кажется, что часть кода в этом плагине предотвращает внешние функции? Что мне нужно сделать, чтобы вызвать мою собственную функцию?

1 Ответ

1 голос
/ 10 октября 2009

Документация предполагает, что вы можете добавить обратный вызов клика , а также некоторые другие события при активации этого плагина: 

$('.auto-submit-star').rating({ 
  callback: function(value, link){ 
   alert(value); 
  } 
});
...