[英]JQuery code to open a link in new tab
我想编辑Sydney主题(wordpress)的滑块按钮以使每个按钮具有单独的链接,并且发现了以下JQuery代码。 这段代码效果很好,但是在当前页面中打开了链接。 现在,我想编辑此代码以在新选项卡中打开链接。 我该怎么办?
jQuery(function($) { //Define the new buttons. Delete the lines you don't need var button1 = '<a href="http://www.google.com" class="roll-button button-slider">Read More</a>'; //Slide 1 var button2 = '<a href="http://www.yahoo.com" class="roll-button button-slider">Read More</a>'; //Slide 2 var button3 = '<a href="http://example.org" class="roll-button button-slider">Button 3</a>'; //Slide 3 var button4 = '<a href="http://example.org" class="roll-button button-slider">Button 4</a>'; //Slide 4 var button5 = '<a href="http://example.org" class="roll-button button-slider">Button 5</a>'; //Slide 5 //Hide the default button $('.slide-inner a').hide(); //Add the new buttons. Delete the lines you don't need $('.slide-item:nth-of-type(1) .slide-inner').append(button1); //Slide 1 $('.slide-item:nth-of-type(2) .slide-inner').append(button2); //Slide 2 $('.slide-item:nth-of-type(3) .slide-inner').append(button3); //Slide 3 $('.slide-item:nth-of-type(4) .slide-inner').append(button4); //Slide 4 $('.slide-item:nth-of-type(5) .slide-inner').append(button5); //Slide 5 });
将target="_blank"
添加到所有链接元素
var button1 = '<a target="_blank" href="http://www.google.com" class="roll-button button-slider">Read More</a>'; //Slide 1
var button2 = '<a target="_blank" href="http://www.yahoo.com" class="roll-button button-slider">Read More</a>'; //Slide 2
var button3 = '<a target="_blank" href="http://example.org" class="roll-button button-slider">Button 3</a>'; //Slide 3
var button4 = '<a target="_blank" href="http://example.org" class="roll-button button-slider">Button 4</a>'; //Slide 4
var button5 = '<a target="_blank" href="http://example.org" class="roll-button button-slider">Button 5</a>'; //Slide 5
您需要的是target="_blank"
:
//Define the new buttons. Delete the lines you don't need
var button1 = '<a href="http://www.google.com" target="_blank" class="roll-button button-slider">Read More</a>'; //Slide 1
等等..
有关更多信息,请在这里查看: https : //developer.mozilla.org/en/docs/Web/HTML/Element/a#Attributes
您需要为此设置目标。
jQuery(function($) {
//Define the new buttons. Delete the lines you don't need
var button1 = '<a target="_blank" href="http://www.google.com" class="roll-button button-slider">Read More</a>'; //Slide 1
var button2 = '<a target="_blank" href="http://www.yahoo.com" class="roll-button button-slider">Read More</a>'; //Slide 2
var button3 = '<a target="_blank" href="http://example.org" class="roll-button button-slider">Button 3</a>'; //Slide 3
var button4 = '<a target="_blank" href="http://example.org" class="roll-button button-slider">Button 4</a>'; //Slide 4
var button5 = '<a target="_blank" href="http://example.org" class="roll-button button-slider">Button 5</a>'; //Slide 5
//Hide the default button
$('.slide-inner a').hide();
//Add the new buttons. Delete the lines you don't need
$('.slide-item:nth-of-type(1) .slide-inner').append(button1); //Slide 1
$('.slide-item:nth-of-type(2) .slide-inner').append(button2); //Slide 2
$('.slide-item:nth-of-type(3) .slide-inner').append(button3); //Slide 3
$('.slide-item:nth-of-type(4) .slide-inner').append(button4); //Slide 4
$('.slide-item:nth-of-type(5) .slide-inner').append(button5); //Slide 5
});
使用html的target=_blank
属性作为
<a target="_blank" href="http://www.google.com" class="roll-button button-slider">Read More</a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.