新しいタブでリンクを開くためのJQueryコード

Question

シドニーのテーマ（ワードプレス）のスライダボタンを編集して、各ボタンのリンクを個別にしたいと思って、次の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 
 
});

Answer 1

をあなたはそのための目標を設定する必要があります。

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

の

Answer 2

使用target=_blank

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

として、HTMLの属性

Answer 3

すべてのリンク要素

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 

Answer 4

target="_blank"に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