0

初期の href 属性を元の要素に戻すための jQuery を介した最適な方法を見つけたかったのです。

アンカー タグを含むリスト アイテムで構成されるメニューに取り組んでいます。.dropdown-toggle のクラスがある場合、メニュー項目のアンカーの href は javascript:void(0) と等しい必要があるため、ボタン/アコーディオンの目的でモバイル/タブレット ビューにある場合、幅が 785 ピクセル未満の場合はアンカーの href を交換する必要があります。ブラウザ ウィンドウ。

私は成功しましたが、ウィンドウがデスクトップビューに復元されたら、アンカーのhrefをアコーディオンボタンではなく元の値、実際のリンクに戻す必要があります。

最初に元の URL のグローバル配列を作成して元の URL を復元しようとしていますが、これは成功しています。それらをループして、私が苦労している現在の要素に戻します。これが私が下に持っているものです。

前もって感謝します!

var links = $('a.dropdown-toggle').map(function() { return this.href }).get()
function mobileNavStyles() {
   var $containerWidth = $(window).width();
   if ($containerWidth <= 785) {
      $('.dropdown-toggle').attr("href", "javascript:void(0)"); 
   }
   if($containerWidth > 785) {
        $.each( links, function( intValue, currentElement ) {
            return $(this).attr('href', currentElement);
        });
   }
}
4

1 に答える 1