無法更改標籤的href值

我試圖更改我的href值，但它似乎沒有任何變化。我已經嘗試了jQuery和JavaScript方法，都沒有工作。無法更改標籤的href值

<a type="button" class="view_me btn btn-primary" href="#">View Full</a>

$(document).on("click", ".click_row", function (e) { 
    e.preventDefault(); 
    var _self = $(this); 
    userId = _self.data('id'); 
    var newLink = '/users/view/' + userId //I'd like to eventually use this as new href link 

    $(".view_me").prop("href", "www.google.com"); // Tried testing with a simple webpage 

    // document.getElementById('view_test').href = "www.google.com"; // Tried this as well, doesn't work 

    console.log(newLink) 
});

任何建議會有所幫助。我正在使用jQuery 3.2.1

來源

2017-07-27 Kenny Nguyen

'www.google.com'不是有效的URL。試試'http：// www.google.com'而不是 –

，其中'view_test'和'click_row' – guradio

'View Full'沒有id'view_test'。 –

有幾個問題妨礙了預期的行爲。首先，你的click函數沒有被調用，因爲它正在尋找click_row類;我相信你可能已經意味着這是view_me類。其次，您需要將https://添加到網址的開頭，以使其正確重定向。最後，您需要設置類view_me，而不是IDview_me的代碼中鏈接的href屬性。

編輯：此外，刪除e.preventDefault()或者只能打開新標籤中的鏈接。

下面的JS代碼解決這些問題，併產生期望的行爲：

$(document).on("click", ".view_me", function (e) { 

     //e.preventDefault(); 

     var _self = $(this); 
     userId = _self.data('id'); 

     var newLink = '/users/view/' + userId 
     $(".view_me").prop("href", "https://www.google.com"); 

     console.log(newLink); 

    });

工作的jsfiddle：https://jsfiddle.net/2m0297j1/

來源

2017-07-27 15:33:56 ajc2000

這很奇怪。我不能左鍵單擊標籤，但是當我在另一個標籤中打開它時，它將起作用。感謝您的解決方案，但最終目標是將href鏈接更改爲參數。 –

想通了。 e.preventDefault（）導致奇怪的行爲 – ajc2000

OMG THANK YOU <3 –

無法更改標籤的href值

回答

相關問題