-->

jQuery的星级插件和jQuery点击功能(jquery star rating plugin a

2019-08-17 16:37发布

我使用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,使该点击功能,但仍没有运气。 如果我从按钮移除星类,然后我的功能将正常工作。 因此,似乎一些这个插件的代码可以防止外部的功能呢? 我需要做的打电话给我自己的功能是什么?

Answer 1:

文档建议您可以添加一个点击的回调 ,以及一些其他活动,当您激活该插件:

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


文章来源: jquery star rating plugin and jquery click function