0

これは私のサイトです：

shoutkey.com/gigantic

「詳細」をクリックすると、最初の項目で機能します（情報を含む要素を下に折ります）。

2番目、3番目などのアイテム要素でこのボタンをクリックしようとすると、機能しません。

最初は、2番目の項目では機能しなかったのは.infobuttonだと思っていましたが、情報を隠す要素が原因で、[詳細情報]ボタンが機能しないことがわかりました。（アンカーリンクをクリックすることはできません）

CSSでこれを修正するにはどうすればよいですか？z-index？どのように？要素を間違って隠していますか？

4

3 に答える 3

0

この問題の原因かどうかはわかりませんが、ページの上部でjquery1.7.2にリンクします。jqueryAPIに従います。$.live()1.7以降では非推奨になりました。$.on()彼らの推奨に従ってそれを 変更してみてください。

于 2012-11-19T12:23:34.550 に答える
0

このサイトが私のために翻訳されているかどうかはわかりませんが、あなたのソースコードからわかるのは、あなたが単なる情報とマインドレ情報を探しているということです

 <script type='text/javascript'>
    $(document).ready(function(){
        $('.infobutton').live('click', function(){
            if ($(this).html() == "Mere info") {
                $(this).html("Mindre info");
                $(this).next().toggleClass("hidden");
            } else if ($(this).html() == "Mindre info") {
                $(this).html("Mere info");
                $(this).next().toggleClass("hidden");
            }
        })
    });
</script>

しかし、あなたのhtmlにはどこもありません

単なる情報

むしろそれは持っています

より詳しい情報

。したがって、明らかに機能しません。まず、HTMLで詳細を修正する必要があります。

ありがとう

于 2012-11-19T12:10:37.603 に答える
0

CSSクラスの使用を削除し、次のようhiddenに置き換え$(this).next().toggleClass("hidden");ます$(this).next().toggle();

于 2012-11-19T12:19:34.643 に答える