Tiny Circlesliderという jQuery の使用に問題があります。asp.NET コンテンツ ページを使用します。マスターページを使用しています。
これは、コンテンツ ページの先頭にあります。
<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>
これは contentplaceholder の HTML マークアップです。
<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>
そして最後に、スクリプト自体 (body contentplaceholder の下部):
<script type="text/javascript">
$(document).ready(function () {
$('#rotatescroll').tinycircleslider({ interval: true, snaptodots: true });
});
</script>
jquery と js を masterpage に読み込んでみましたが、違いはありませんでした。プラグインがロードされているかどうかのチェックを追加しました。なんらかの理由で起動していません。
chrome f12 を使用すると、次のようになりました。
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'
何をすべきかについて何か提案はありますか?