2010-05-24 144 views
3

在我們的格式中,一些頁面必須在標籤中沒有問題。但其中一些必須在空白頁中打開...jQuery UI標籤鏈接_blank頁面

這裏是html;

<div id="tablar"> 
    <div id="tabs"> 
     <ul> 
      <li><a href="#tabs-1">Tüm Liste</a></li> 
      <li><a rel="ex" href="gtl.aspx?EventId=2">Yeni Ekle</a></li> 
      <li><a href="#tabs-2">Detaylı Arama</a></li> 
      <li><a rel="ex" href="RaporGtl.aspx">Raporla</a></li> 
     </ul> 
     <div id="tabs-1">... 

那麼我該怎麼做。我嘗試;

$('#tablar #tabs ul li a').filter(function() { 
    return $(this).attr('rel') == 'ex'; 
}) 
.unbind() 
.click(function(e) { 
    location.href = this.href; 
    e.preventDefault(); 
}); 

但不工作...

,輪流#UI的標籤-2在地址欄...

回答

0

你說的沒錯,jQuery將添加一個哈希不管是什麼 - 但它可規避:

HTML

<div id="tabs"> 
    <ul> 
     <li id="li1"><a href="#tab-1">tab1</a></li> 
     <li><a href="#tab-2">tab2</a></li> 
     <li><a href="#l-http://www.google.com">google</a></li> 
    </ul> 
    <div id="tab-1">Tab 1 Content</div> 
    <div id="tab-2">Tab 2 Content</div> 
    </div> 

的JavaScript

$(function() { 
    $('#tabs').tabs({ 
    select: function(e, ui) { 
     if($(ui.tab).attr('href').indexOf('#l-') == 0) { 
      window.location.href = $(ui.tab).attr('href').substring(3); 
     } 
    } 
    }); 
});​​ 

基本上,我們所說的任何一個以#1-開頭的href鏈接都將成爲一個實際的鏈接。很酷,呃?當然,你可以在if語句中做任何你想做的事情,我只是添加了一個硬重定向。

+0

你真棒謝謝夥計... – Megawolt 2010-05-24 08:34:33