Jquery打開此鏈接，而不是其他人

Question

所以，我有一系列的div和每個div內有一個鏈接。

我想要完成的是在另一個窗口或選項卡中打開.pdf文件，如果鏈接以in.pdf結尾，如果不做任何事或稍後做出其他決定。

我遇到的問題是，當你點擊鏈接時，它會打開同樣的文件多次，因爲你有.pdf在頁面上。

我想在這撥弄複製問題：

https://jsfiddle.net/x9fo6cgk/

但它無法正常工作。代碼在我身邊。

下面是代碼：

          
  
 
   
 
    
$('.somelink').click(function(eventObject) { 
 
     var elem = $(this); 
 
     if (elem.attr("href").match(/\.pdf$/i)) { 
 
     eventObject.preventDefault(); 
 
     elem.attr('target', '_blank'); 
 
     } 
 
    });
 
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <div class="linkholder"> 
 
     <a class="somelink" href="https://bitcoin.org/bitcoin.pdf">pdf 1</a> 
 
    </div> 
 

 
    <div class="linkholder"> 
 
     <a class="somelink" href="http://www.pdf995.com/samples/pdf.pdf">pdf 2</a> 
 
    </div> 
 

 
    <div class="linkholder"> 
 
     <a class="somelink" href="http://www.bing.com">.com</a> 
 
    </div> 
 

 
    <div class="linkholder"> 
 
     <a class="somelink" href="http://www.google.org">.org</a> 
 
    </div>
 
   
 
  
 
 

 

提前感謝！

Answer 1

出於某種原因，這個腳本的行爲：

https://learn.jquery.com/events/event-basics/#preventdefault

下玉蘭CMS行爲有點怪異。

所以使用這個代碼，而不是：

$(".linkholder a[href$='pdf']").attr('target','_blank').addClass('pdf'); 
$(".linkholder a:not(a[href$='pdf'])").addClass('generic'); 

這裏是一個小提琴：

https://jsfiddle.net/x9fo6cgk/13/

謝謝大家！

Answer 2

如果您是PDF文件，您只需更改頁面加載的目標。

$('.somelink').each(function() { 
    var elem = $(this); 
    if (elem.attr("href").match(/\.pdf$/i)) { 
    elem.attr('target', '_blank'); 
    } 
}); 

的jsfiddle：https://jsfiddle.net/x9fo6cgk/3/

結果在這個HTML：

<div class="linkholder"> 
    <a class="somelink" href="https://bitcoin.org/bitcoin.pdf" target="_blank">pdf 1</a> 
</div> 
<div class="linkholder"> 
    <a class="somelink" href="http://www.pdf995.com/samples/pdf.pdf" target="_blank">pdf 2</a> 
</div> 
<div class="linkholder"> 
    <a class="somelink" href="http://www.bing.com">.com</a> 
</div> 
<div class="linkholder"> 
    <a class="somelink" href="http://www.google.org">.org</a> 
</div> 

注：您的jsfiddle沒有jQuery的選擇所以沒有跑。

Answer 3

你可以這樣做：

$('.somelink').click(function(eventObject) { 
    var elem = $(this); 
    if (elem.attr("href").match(/\.pdf$/i)) { 
    eventObject.preventDefault(); 
    window.open(elem.attr('href')); 
    } 
}); 

看吧：https://jsfiddle.net/x9fo6cgk/6/