2010-05-24 94 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