jQuery代碼以在新選項卡中打開鏈接

Question

我想編輯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 }); 

Answer 1

將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

Answer 2

您需要的是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

Answer 3

您需要為此設置目標。

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 4

使用html的target=_blank屬性作為

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