0

I am trying to read readonly value from attributes and set it in ratys readOnly but no success so far. this is the code I am using and you can see commented lines what I tried. 

<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: I know how to read an attribute, problem is that doesn't work in raty.

you can check from here https://jsfiddle.net/hLg2cr9v/

Mert
  • 6,432
  • 6
  • 32
  • 68
  • possible duplicate of [Detect when input has a 'readonly' attribute](http://stackoverflow.com/questions/5422915/detect-when-input-has-a-readonly-attribute) – Lajos Arpad Jul 02 '15 at 10:41
  • no Its not related to that, I can read value from attributes but can't set raty function. – Mert Jul 02 '15 at 11:14

1 Answers1

1

Seems to work for me.

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

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

Dave Salomon
  • 3,287
  • 1
  • 17
  • 29