Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

jRate (star ranking) plugin not working

jrate jquery mobile phonegap cordova star ranking plugin

This topic has been archived. This means that you cannot reply to this topic.
No replies to this topic

#1 Wolverine89

Wolverine89

    CC Newcomer

  • Member
  • PipPip
  • 10 posts

Posted 12 March 2015 - 07:04 AM

hi guys,

I am developing a hybrid app (html, css and javascript) for android , iphone, windows. Now i want to implement a star ranking system and therefore i use the jRate plugin. Its just a single .js file . If i test the app in my browser the star are working fine! nice! but when i push the code through github and phonegap on my phone nothing shows. any reason? i also included the script in my index.html. 

$.ajax({
        type: 'GET',
        url: "https://api.eet.nu/venues/" + localStorage.getItem("RestaurantDetail"),
        
        success: function(restaurant){
            var name = restaurant.name;
            var telephone = restaurant.telephone;
            var website_url = restaurant.website_url;
            var rating_res = restaurant.rating / 10;
            var street = restaurant.address.street;
            var zipcode = restaurant.address.zipcode;
            var city = restaurant.address.city;
            var category_res = restaurant.category;
            
            
            $("#details_content").append("<h1>"+name+"</h1><h3>"+category_res+"</h3>");
            $("#details_content").append("<p>Street: "+street+"</p>");
            $("#details_content").append("<p>Zipcode: "+zipcode+"</p>");
            $("#details_content").append("<p>City: "+city+"</p>");
            $("#details_content").append('<p>Telephone: <a href="tel:'+telephone+'">'+telephone+'</a></p>');
            $("#details_content").append("<p>Website: <a href="+website_url+">"+website_url+"</a></p>"); 
            $("#details_content").append("<div id='jRate' data-role='none'></div><div id='rate_number'></div>"); 
            
            $("#jRate").jRate({
                    startColor: 'orange',
		            endColor: 'orange',
                    width: 30,
		            height: 30,
                    min: 0,
		            max: 10,
                    rating: rating_res,
                    readOnly: true
            });
            $('#rate_number').text("Rating: "+rating_res);
            console.log(rating_res);
            
        }        
    
    });

1acc8711a3.png

 

thanks in advance!






Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download