Jquery plugin fails after window loading

Asked Dec 11 '18 at 15:25

Active Dec 11 '18 at 15:25

Viewed 76 times

<script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.2/jquery.rateyo.min.js"> </script>
<script>
    window.onload = function () {
        $("#additional_rating").rateYo({
            starWidth: "18px",
            rating: 4
        });
    };
    $("#quality_rating").rateYo({
        starWidth: "18px",
        rating: 4
    });
</script>

I can assure you that ids are correct. The problem is that, after the window loads, I get an error that rateYo is not a function. The second works. Could it be from a double loading, my other code, or I do something wrong there? It happened for other plugins too...

asked Dec 11 '18 at 15:25

Popescu Flaviu

1

are you loading jQuery more than once on the page? – dgeare Dec 11 '18 at 15:28
Are you loading jQuery.js more than once...either in different script tags or perhaps using ajax? – charlietfl Dec 11 '18 at 15:28
Why don't you use `$("#additional_rating, #quality_rating")` if you have the same options? – Ionut Necula Dec 11 '18 at 15:30
I removed jquery script load, and everything fails, which means there is just one script loaded. – Popescu Flaviu Dec 11 '18 at 15:30
@Ionut, I do the first rateYo later in code, and not in this context. I typed it like that just to show you the origin of error. – Popescu Flaviu Dec 11 '18 at 15:31
It would be great if you made a runnable snippet or a https://jsfiddle.net/ that would show the error you say you have. Otherwise people can take shots in the dark. – Ionut Necula Dec 11 '18 at 15:33
Removing the one jQuery.js is not conclusive that you aren't loading 2 versions such as one being loaded through ajax such as `$(selector).load(pageWithjQueryjs)` or the code shown is before a second version script tag. Using broser dev tools network would be better – charlietfl Dec 11 '18 at 15:34
Firstly, I copied, the jquery load script, and putted it directly on my page as first script. Result is the same. Second, I checked the ajax requests and everyone return json responses. – Popescu Flaviu Dec 11 '18 at 15:37
Create a demo that reproduces the issue. See [mcve] – charlietfl Dec 11 '18 at 15:38
@PopescuFlaviu, here, edit mine https://jsfiddle.net/q7L3fmne/ to reproduce the error :) – Ionut Necula Dec 11 '18 at 15:40
@Ionut, yeah, yours works... So there MUST be a double loading of any script in my code? – Popescu Flaviu Dec 11 '18 at 15:43
I did a search of `rateyo` in all my project, and there's no duplicates related to this page. – Popescu Flaviu Dec 11 '18 at 15:49
@charlietfl, nothing suspect in network tools. – Popescu Flaviu Dec 11 '18 at 15:55
Not looking for a duplicate of rateyo....looking for jQuery.js being loaded more than once – charlietfl Dec 11 '18 at 16:22
@charlietfl, I solved it in finally with a mate. The problem was pretty complicated. The jquery was somehow loaded again after page load cause a Laravel layout mistake in previous code. Thanks everyone tho. – Popescu Flaviu Dec 11 '18 at 16:41
And that should have been visible in dev tools network also – charlietfl Dec 11 '18 at 16:42

Jquery plugin fails after window loading

0 Answers0