jquery星级评级插件和jquery点击功能

时间:2009-10-10 05:13:14

标签: jquery jquery-plugins rating

我正在使用jquery星级评分插件: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');
});

我也尝试附加一个id并使其成为click功能,但仍然没有运气。如果我从按钮中删除星级,那么我的功能将起作用。所以看来这个插件中的一些代码会阻止外部函数?我需要做些什么来调用我自己的函数?

1 个答案:

答案 0 :(得分:1)

文档建议您在激活该插件时可以add a click callback以及其他一些事件:

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