javascript - ng-click 与 Bootstrap 评级

标签 javascript jquery angularjs twitter-bootstrap

我有一个 Bootstrap Rating 组件,我必须使用 on-leave 方法来调用我的 javascript 函数。除了 IE 之外,所有其他浏览器也在单击事件上执行 on-leave 函数。但在 IE 中,直到我离开 stars'div 为止,该函数都不会被调用。我什至无法使用 ng-click,因为 Bootstrap Rating 组件不支持它(我的 Angular 版本是 1.1.5)

<div id="ratingDiv{{$index}}" style="display:none;" class="ratingDivClass">
<span class="ratingPoorClass">Poor</span>
<rating id="rateStars" onclick="$jq('#loader').show();" value="userRating" max="5" 
on-hover="hoveringOver(value)" 
on-leave="saveRating(message.id,userRating,$index,message.entity);"></rating>
<span class="ratingGoodClass">Very Good</span>
</div>

问题:在 IE 中,直到我离开 div 函数才被调用

尝试过:

  1. 在点击时而不是在离开时调用函数:它不传递与范围相关的参数
  2. 点击 div 时触发 mouseleave() 方法:不起作用 :(

如果有人有任何解决方案,请告诉我。

最佳答案

我在 AngularJS 和 IE 上也遇到过类似的问题。就我而言,按键不起作用,解决方案是使用按键事件(请参阅 http://api.jquery.com/keyup/ )。

就您的情况而言,您可能会遇到此问题 https://github.com/angular/angular.js/issues/1277

我不熟悉上面的'on-leave',但你可以尝试jquery的模糊方法:https://api.jquery.com/blur/

关于javascript - ng-click 与 Bootstrap 评级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23285716/

相关文章:

javascript - 如何显示输入框中的信息

javascript - 通过 jQuery 检测浏览器缓存

javascript - 启动时加载scrollIntoView

javascript - 三、SmoothShading对几何没有影响

c# - 如何使用 jQuery 设置列表框的值?

javascript - css Metro-ui 无法显示对复选框的关注

javascript - textarea 模仿效果不佳。任何替代品?

c# - 继承/覆盖来自不同外部文件的现有 CSS 规则

angularjs - ZoneAwarePromise 已被覆盖

css - 如何在平均堆栈中设置 Caps Lock 警告气球