JQuery代码打开新标签中的链接

-1

我想编辑悉尼主题（wordpress）的滑块按钮，为每个按钮分别设置链接，并找到以下JQuery代码。此代码运行良好，但打开当前页面中的链接。现在，我想编辑此代码以打开新选项卡中的链接。我怎么能这样做？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 
 
});

来源

2017-02-28 ali kefayati

的可能的复制[如何打开在HTML新标签的链接？]（http://stackoverflow.com/questions/17711146/how-to-open-link-in-new-tab-on- html） – Sojtin

使用属性target = _blank在标签 –

http://stackoverflow.com/questions/17711146/how-to-open-link-in-new-tab-on-html – lordkain

您需要设定目标这一点。

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 
});

来源

2017-02-28 07:36:02

使用target=_blank作为

<a target="_blank" href="http://www.google.com" class="roll-button button-slider">Read More</a>

来源

2017-02-28 07:33:47

HTML的属性添加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

来源

2017-02-28 07:35:39 Sajan

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

来源

2017-02-28 07:35:46 silicakes

JQuery代码打开新标签中的链接

回答

相关问题