【问题标题】:jQuery Star Rating Plugin how to switch from disabled to enabled on click eventjQuery Star Rating Plugin 如何在点击事件上从禁用切换到启用
【发布时间】:2014-01-16 02:58:54
【问题描述】:

我正在使用this 插件在我的网站上进行评分。现在,当我加载我的视图并且用户已经发布了评分时,通过使用户checked 选择的值来显示评分。 我无法实现的是在用户单击编辑按钮(div)时启用评级。问题是该插件隐藏了原始单选按钮并将其替换为:

<div role="text" aria-label="Bad"
class="star-rating rater-0 star star-rating-applied
star-rating-readonly star-rating-on">
  <a title="Bad">2</a>
</div>

如您所见,课程中的一部分人说readonly。当评分生效时,代码如下所示:

<div role="text" aria-label="Bad" 
class="star-rating rater-0 star star-rating-applied 
star-rating-live">
  <a title="Bad">2</a>
</div>

这些 div 生成了五次,因为我有 5 个原始单选按钮。我尝试用live 类替换readonly 类,但我仍然无法使用评级。请,如果这里有人知道如何实现这一点,请告诉我。感谢您阅读并提前回复。

【问题讨论】:

    标签: javascript jquery jquery-plugins


    【解决方案1】:

    知道了。问题是我正在创建这样的评级: 所以默认情况下它是只读的。因此,当我尝试使用函数使其处于活动状态时($('input').rating('readOnly',false); 它不起作用。所以现在我创建没有disabled 属性的元素并使用此脚本:

                <script>
                $( document ).ready(function() {
                $('input').rating('readOnly');
                    $( "#edit" ).click(function() {
    
                        $('input').rating('readOnly',false);
    
                        $('textarea').removeAttr('disabled');
                        $('textarea').select();
                    });
                });
                </script>
    

    【讨论】:

    • 这个答案有帮助吗?
    【解决方案2】:

    在提问之前,请务必先阅读文档。

    将 readOnly 设置为 false,以便您可以更改评级。 例如:$('input').rating('readOnly',false) 或简单的$('input').rating('readOnly');

    你必须用你的css选择器的名字来改变输入的词

    $('input') to eg: $('.star')
    

    source

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-09-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-12-05
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多