2

ティッカーを作成しました。ご覧のとおり、最初の行 (Elite Gamer のグランド オープン) は完璧で緑色です。ループバックするまで見続けます。テキストが黒くなり、リンクをクリックできません。誰かが解決策を持っていますか?http://jsfiddle.net/Hunter4854/AtKtR/1/

4

2 に答える 2

3

更新された回答: OK、これがティッカーの作業バージョンです<li>問題は、不用意に<a>要素を混ぜていたことです。要素を完全に削除し、それらの要素を含む<ol>単純なものに置き換えました。また、CSS コードをクリーンアップして、HTML コードとスタイリングの指示が混在しないようにしました。次に、その 1 つの if ステートメントを次のように変更しました。<div><a>

if (list.find('.link').length > 1 )

以前と同様にli、うまく機能しない要素を見つけていました。


私の最初の答え: 1つには<a>、要素の周りに<li>要素がありましたが、これは違法です。sは<a>s の中にある必要があります<li>。読みやすくするために、JS コードを JS ウィンドウに移動し、CSS コードを CSS ウィンドウに移動した新しいフィドルを作成しました。

Chrome の Inspect element 機能を使用して DOM を見ると、<a>要素が DOM から削除されているように見えるので、後でクリックすることはできません。それについて何かをすれば、すぐにほぼ完璧になるはずです。:)

于 2012-04-24T23:34:53.950 に答える
1

最初のエントリの周りの li を削除するだけで、設計どおりに機能します。

修正された新しいフィドル

<a href="http://www.google.com" class="link" style="padding-top:2px; text-decoration:none;     color: #00B700; font-weight: bold; text-shadow: #00ff00 0px 0px 1px; ">Grand Opening of Elite Gamer</a>
于 2012-04-24T23:41:43.400 に答える