Javascript整个div链接,带有target =“ _ blank”

时间:2018-10-11 19:01:45

标签: javascript html

我已经设置了带有按钮链接的div。我设置了我的JavaScript,因此如果有人在div中单击了它,它将使用链接文本。这是我当前的代码:

 jQuery(function($){
 $(".entire-div-link").click(function() {
 window.location = $(this).find("a").attr("href"); 
 return false;
 });
 });

这很棒,但是链接仍在当前选项卡中打开,而不是在我希望的新选项卡中打开。我可以使用简单的代码更正吗?

3 个答案:

答案 0 :(得分:0)

我建议使用a标签作为一个块而不是div:

//css
.block-link {
  display: block;
}

// html
<a class="block-link" target="_blank">
  ...
</a>

https://jsfiddle.net/kjugdpnf/

答案 1 :(得分:-1)

尝试使用window.open代替window.location

https://jsfiddle.net/nimittshah/t4wnsrkh/

答案 2 :(得分:-1)

只需执行此操作,使用普通JS就会更短:

sg = sendgrid.SendGridAPIClient(apikey='****')
from_email = Email(sender_address, sender_name)
to_email = Email(to_email)
cc_email = Email(cc_email)
p = Personalization()
p.add_to(to_email)
p.add_cc(cc_email)
subject = subject
content = Content("text/plain", email_message)
mail = Mail(from_email, subject, to_email, content)
mail.add_personalization(p)
response = sg.client.mail.send.post(request_body=mail.get())

正如已经提到的,let clicksLeft = 10; const $count = $('#count').text(clicksLeft); $('button').on('click', function() { --clicksLeft; $count.text(clicksLeft); if (!clicksLeft) { this.innerText = 'Countdown Completed'; this.disabled = true; } }); 将打开一个新选项卡还是一个新窗口,完全取决于用户的浏览器配置。