Issue with jQuery plugin and ASP.NET content pages

Question

I am having trouble using a jQuery called Tiny Circleslider! with asp.NET content pages. I am using a masterpage.

This is in the head of the content page:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script src="js/jquery.tinycircleslider.min.js" type="text/javascript"></script>

This is the HTML markup in the contentplaceholder:

<div id="rotatescroll"> <div class="viewport"> <ul class="overview"> <li><a href="http://www.baijs.nl"><img src="images/hdr3.jpg" /></a></li> <li><a href="http://www.baijs.nl"><img src="images/hdr2.jpg" /></a></li> <li><a href="http://www.baijs.nl"><img src="images/hdr1.jpg" /></a></li> <li><a href="http://www.baijs.nl"><img src="images/hdr4.jpg" /></a></li> <li><a href="http://www.baijs.nl"><img src="images/hdr5.jpg" /></a></li>
</ul> </div>

And finally the script itself (at the bottom at the body contentplaceholder):

<script type="text/javascript">
    $(document).ready(function () {
        $('#rotatescroll').tinycircleslider({ interval: true, snaptodots: true });
    });
</script>

I have tried loading the jquery and js into the masterpage with no difference. I added a check if the plugin is being loaded and it is. It just isn't launching for some reason.

With the chrome f12 I got this:

Error in response to storage.get: TypeError: Cannot read property 'offsetHeight' of null at StorageInMemory.ChromeStorage.init (chrome-extension://cccpiddacjljmfbbgeimpelpndgpoknn/lib/au.min.js:1:2503) at chrome-extension://cccpiddacjljmfbbgeimpelpndgpoknn/lib/au.min.js:1:17570 at chrome-extension://cccpiddacjljmfbbgeimpelpndgpoknn/lib/au.min.js:1:15137 at Object.<anonymous> (chrome-extension://cccpiddacjljmfbbgeimpelpndgpoknn/lib/au.min.js:1:17907) at require (chrome-extension://cccpiddacjljmfbbgeimpelpndgpoknn/lib/au.min.js:1:627) at Object.<anonymous> (chrome-extension://cccpiddacjljmfbbgeimpelpndgpoknn/lib/au.min.js:2:4680) at require (chrome-extension://cccpiddacjljmfbbgeimpelpndgpoknn/lib/au.min.js:1:627)

Uncaught TypeError: Object [object Object] has no method 'tinycircleslider'

Anyone have any suggestion as to what to do?

Answer 1

I, too, was encountering weird JavaScript errors and finding chrome-extension://cccpiddacjljmfbbgeimpelpndgpoknn in my console. I looked through my extensions and found that cccpiddacjljmfbbgeimpelpndgpoknn is the ID for SmoothScroll. I disabled that and the error went away.

I don't know if that will fix your problem, but I hope it helps!