初期の 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);
});
}
}