Изменение целевого url-адреса в обработчике onclick

можно ли изменить целевой URL-адрес в обработчике onclick? Как?

Я не хочу использовать такие вещи, как window.location = ... потому что он изменяет поведение браузеров (нажмите vs ctrl-click, открытие в новой вкладке, открытие в определенном окне / рамке и т. д...). Я хочу чистое решение-просто измените url, а остальное должно быть сделано само, как обычно.

$(...).click(function () {
    if (check_some_condition) 
        // modify target url here...
        // do not want to do window.location= - this is not clean
        // as it changes the browsers' behaviour (ctrl-click, opening in particular window/frame etc.)
    return true;
});
15
href javascript jquery

4 ответов

попробовать

​$(function(){
    $("#theLink").click(function(){
        $(this).attr("href","http://tnbelt.com");
    });
});​​​​
21

Edit: обновленный код, потому что сначала выполняется сценарий обработчика событий, а затем выполняется действие по умолчанию.

добавлена ниже версия, чтобы показать вам, что вы можете использовать .click Как вы не заметили, причуды mode link я поделился с вами. демо

$(document).ready (function () {
    $('#changeMe'). click (function (e) {
        var goLucky = Math.floor(Math.random()*12);
        if (goLucky % 2 == 0) {
            this.href = "http://www.google.com";
        } else {
            this.href = "http://www.hotmail.com";
        }
    });
});

прокомментировал e.preventDefault(); & $(this).click() как это не требуется..

демо

$(document).ready (function () {
    $('#changeMe').one ('click', function (e) {
        //e.preventDefault();
        this.href = "http://www.google.com";
        //$(this).click();
    });
});
10

давайте рассмотрим скрытый якорный тег

<a id="linkId" href="myPageToGo.html" class="thickbox" title="" style="visibility:hidden;">Link</a>

затем вы можете имитировать щелчок якоря в своем коде...

$(...).click(function () {
    if (check_some_condition) 
        $('#linkId').click();
    return true;
});

EDIT-альтернативный способ

оберните элемент, щелкнутый внутри тега привязки...

$(...).click(function () {
    if (check_some_condition) 
        $(this).wrap('<a id="new1" />');
        $('#new1').click();
    return true;
});
2

Юп.

$(this).attr('href', 'http://example.com/');
1