3

私はここで新しいです-答えをどこでも検索しましたが、答えが見つかりません。

Codecanyonのこのすばらしいtabs+accordionプラグインを使用していますが、コンテンツ領域に配置しようとしているリンクが機能していません。

私が修正しようとしているライブサイトはここにあります-http：//lrg-international.com/site/-タブ付き領域の[詳細]ボタンがクリックされていないことに気付くでしょう。ホバーすることはできますが、クリックしても何も起こりません。

このテストページの[レスポンシブ]タブ内の[リンク1]以降のすべてのリンクがクリック/ホバーできない理由を誰かに教えてもらえますか？ブロックレベルの要素に関連しているようですが、私は完全に間違った方向に進んでいる可能性があります。

これは有料のプラグインであるため、開発者に質問しましたが、彼は返信していません。誰か助けてもらえますか？

4

3 に答える 3

3

David と Beetroot の助けを借りてさまざまな方法を模索した結果、jquery-ui の「タブ」スクリプトとの競合であることが判明しました。開発者はこれを削除するように私に言いました:

jQuery(document).ready(function(){ 
jQuery(function() { 
jQuery(".tabs").tabs(".panes > div"); 
}); 


});

custom.js から

プラグインは、要素にもっとユニークな名前を付ける必要があると思います!

みんな、ありがとう。

于 2012-12-31T01:09:45.583 に答える
1

泡立ちの問題である場合は、ドキュメントの最後にある次のスクリプトで問題が解決する<head> 可能性があります。

<script>
$(window).on('load', function() {
    $(".buttonLRG").on('click', function(e){
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        location.href = $(this).attr('href');
    });
});
</script>

または、おそらく

<script>
$(window).on('load', function() {
    $("div.tabs").on('click', ".buttonLRG", function(e){
        e.preventDefault();
        location.href = $(this).attr('href');
    });
});
</script>

また ：

<script>
$(function() {
    $(document).on('click', ".buttonLRG", function(e) {
        e.preventDefault();
        location.href = $(this).attr('href');
    });
});
</script>

また ：

<script>
$(function() {
    $(document).on('click', 'section[role="tabpanel"]', function(e) {
        alert("at least we're handling the click");
        e.preventDefault();
        var $button = $(".buttonLRG").filter(":visible");
        location.href = $button.attr('href');
    });
});
</script>
于 2012-12-30T22:41:57.083 に答える
0

ダウンロード可能な例では、要素が現在表示されているコンテンツの「下」に移動するが、埋め込まれたものの上の領域での相互作用を妨げていることが問題のようです。

「公式」のデモページでも問題に気付くことができますが、最初のタブを巧妙にフォーマットして、その下の画像から重複しないようにしています.

編集：ライブWebサイトをテストすると、セレクターをに変更し、セレクター.js .tabs > sectionを visibility: hidden;にdisplay: none;変更すると問題が解決することがわかりました。あなたはそれを試すことができます。「バブリング」の問題が発生する可能性があるように見えるので、これと他の答えの両方を一緒に試してください..tabs > section[aria-expanded="true"]visibility: visible;display: block;

于 2012-12-30T22:10:54.563 に答える