タイトルについて、質問です。
jquery.webticker.jsを使用して、ティッカーを実装したのですが、
配列に入っている要素を1回ずつ表示すると停止してしまいます。(つまり1周すると止まります。)
サンプルを見てもそのようなことはないみたいですし、
オプションを指定している訳でもありません。
考えられる原因はなんでしょうか?
全角60文字くらいまでなら正常に動作します。(30文字のliが2つ、20文字のliが3つなども動作します。)
お知恵お借りできればと思います。
よろしくお願いします。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <link rel="stylesheet" href="test.css"> <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="../js/jquery.webticker.js"></script> <script type="text/javascript"> <!-- $(function(){ $('#webTicker').webTicker(); }); // --> </script> </head> <body> <div class="tick"> <ul id="webTicker"> <li>ああああああああああああああああああああ</li> <li>いいいいいいいいいいいいいいいいいいいい</li> <li>うううううううううううううううううううう</li> </ul> </div> </body> </html> /* css */ ul#webTicker a{color: #fff;overflow: hidden;} .tick{clear:both;width:460px;padding: 0 10px; background-color:#2D4059;margin:0 auto;border-radius: 10px;position: relative;top: 6px;} .tick li {color: #fff; font-family: Verdana, Geneva," sans-serif"!important;}
出力されたHTML(ブラウザで「ページのソースを表示」)を質問文に追記されるか、問題が再現するURLを提示されたほうが回答を得やすいと思います。
エラーメッセージが出ているのではないかな、と思いますので、そちらをご提示ください。
「全角60文字くらいまでなら正常に動作します」と書かれていますが、提示されたHTMLはそれ以下です。書かれたHTMLで問題が起こるのでしょうか。状況が再現するコード(HTML/CSS/jsなど)か、再現するURLを提示いただけませんか?
>>kei344 様 HTML修正しました。個人のサーバは持ってないのでお教えすることはできないんですが...テスト用に作成したので同じ動きをします。
>>Lhankor_Mhy 様 エラーメッセージは出ていません。
ご提示のソースで実行してみましたが、問題なく動作しました。問題はご提示いただいていない部分にあるかと存じます。質問者が実際に動かしているものはこれと異なると思いますが、実際にこれをお試しになりましたか?
あ、2週目が表示されるはされましたが、それが業等にたどり着いた段階で停止しましたね。これのことでしょうか?
あ、たびたびすみません。やっぱり動作しますね。
あ、わかりました。resizeイベントが発生すると次の周回で停まりますね。
>>Lhankor_Mhy 様 はい。実際に質問欄に貼っているデータでテストしています。Lhankor_Mhy 様の環境では動作するということは私の環境の問題ということですかね...ちなみに主要ブラウザはすべて2週目に入ると停止します。
resizeイベントですか?分からないので調べてみます。ありがとうございます。
>>Lhankor_Mhy 様 調べながら修正したら正常に動作しました。ご丁寧にありがとうございました。
まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。
回答1件
あなたの回答
tips
プレビュー