JQuery, как заставить элемент DIV работать как HTML HREF ссылка?

Question

JQuery, как заставить элемент DIV работать как HTML HREF ссылка?

0

Мне интересно, как я могу сделать фоновый div, называемый <div id="branding"></div> который также содержит другие <div id="branding"></div> и элементы, чтобы действовать как ссылка.

Есть ли способ заставить элемент div действовать как ссылка с target="_blank" как опция.

Как я могу это сделать?

user2987591 13 нояб. 2013, в 13:57

Источник

0

что вы имеете в виду?
user2987591 13 нояб. 2013, в 12:10
0

Я не знаю, что вы имеете в виду, хотите, чтобы тег div работал как a?
Just code 13 нояб. 2013, в 12:25

Теги:

jquery

html

2 ответа

Ещё вопросы

Я не знаю, что вы имеете в виду, хотите, чтобы тег div работал как a?

Dell Dilshod · Answer 1 · 2013-11-13T10-44-00.000Z

такие как сказал Jithin, будет лучше использовать тег a, но если вы хотите использовать div, попробуйте:

сценарий:

$(function(){
    $("div").click(function(){
        if($(this).attr("href")){
            if($(this).attr("target") && ($(this).attr("target")!="" || $(this).attr("target")!="_self")){
                var _hwnd = window.open($(this).attr("href"), ($(this).attr("target"), 'random_word');
            }else{
                window.location = $(this).attr("href")
            }
        }
    });
});

и HTML

<div class="hyperlink" target="_blank" href="host_controller.php/myroute/myparams">click here</a>

Пробовал это, но это не работает ..
Может быть приращение z-index брендинга div #.

Jithin · Answer 2 · 2013-11-13T10-33-00.000Z

0

Предполагая, что вам нужно только открыть URL-адрес в новом окне, вам нужно использовать window.open

$('#branding').click(function(){
  window.open(your_url, '_blank');
});

Но наилучшей практикой является использование самого a tag.

<a href="your_url" target="_blank">...<a>

Jithin 13 нояб. 2013, в 10:33

0

Это будет работать, но это плохая практика. Если вы хотите сделать ссылку, то сделайте ссылку! Создайте <a href="..." target="_blank">...</a> с display: block; и ваш фон.
Magus 13 нояб. 2013, в 12:13
0

Да, я знаю. Но так как сам вопрос «Как заставить элемент div работать, как HTML ссылка ref». :-)
Jithin 13 нояб. 2013, в 12:16
0

Я использовал этот javascript, и он, похоже, работает как ссылка, но проблема в том, что все остальные <div id="branding">ALL OTHER DIVS HERE HAS THE SAME LINK</div внутри <div id="branding">ALL OTHER DIVS HERE HAS THE SAME LINK</div имеют ту же ссылку. Как я могу заставить его работать как ссылка, когда вы нажимаете только на #branding ?
user2987591 13 нояб. 2013, в 12:26
0

@ user2987591 На самом деле, я не понял требования. Если в div#branding есть контент, и при щелчке по контенту он откроет URL, так как контент вложен, используя div. Пожалуйста, создайте jsfiddle пример HTML.
Jithin 14 нояб. 2013, в 03:57

Показать ещё 2 комментария