jquery - 动态只读不起作用

Question

我正在尝试从属性中读取只读值并将其设置为 ratysreadOnly 但到目前为止没有成功。这是我正在使用的代码，您可以看到我尝试过的注释行。

<script type="text/javascript">
    $(document).ready(function () {
        $('.star').raty({
            path: '/Sources/jquery.raty/img/',
            readOnly: //($(this).attr('data-readonly') === "true"),//$(this).data('readonly'),
            function () {
                //console.log(($(this).attr('data-readonly') === 'true'));
                //return ($(this).attr('data-readonly') === 'true');
            return false;
            }
        }
    });


<div class="rating" style="text-align: center;">
     <div id="ContentPlaceHolder1_Content_rptContent_star_0" class="star" data-rating="3" data-readonly="true" data-uid="54e2d977-be1a-4b39-95f3-2e5c89f106ff" style="cursor: default; width: 100px;" title="regular"><img src="/Sources/jquery.raty/img/star-on.png" alt="1" title="regular">&nbsp;<img src="/Sources/jquery.raty/img/star-on.png" alt="2" title="regular">&nbsp;<img src="/Sources/jquery.raty/img/star-on.png" alt="3" title="regular">&nbsp;<img src="/Sources/jquery.raty/img/star-off.png" alt="4" title="regular">&nbsp;<img src="/Sources/jquery.raty/img/star-off.png" alt="5" title="regular"><input type="hidden" name="score" value="3" readonly="readonly"></div>
</div>

PS：我知道如何读取属性，问题是它不起作用。

你可以从这里查看 https://jsfiddle.net/hLg2cr9v/

Answer 1

似乎对我有用。

readOnly: function() {
    return $(this).data('readonly');
}

http://jsfiddle.net/daveSalomon/hLg2cr9v/1/