2009-08-07 19 views
0

私は少しJSに新しいとこれは私を狂ったように私の頭を傷つけてしまった。jquery UIナビゲーションのためにULの代わりにDIVを使用するタブ

私はULの代わりにナビゲーション用のアンカーの束をDIVで使用したいと思っています。

これを行うコードを見つけましたが、私はそれを理解できないようです。

this.list = this.element.children('ul:first'); 
    this.lis = $('li:has(a[href])', this.list); 
    this.anchors = this.lis.map(function() { return $('a', this)[0]; }); 
    this.panels = $([]); 

ul:first 

div:first 

作品を変え今

、が、私はまだLIにすべての私のAさんをラップする必要があります。 これは2行目で起きているに違いありませんが、実際にはどうしたらいいのか分かりません。

私はこれがかなり大きなスクリプトの小さな咬傷であることを知っていますが、それが実現することを願っています。 すべてのコードはui.jquery.comで入手できます(あなたが知っている可能性が高い)。残りの部分は必要に応じて投稿することができます。

ご協力いただきありがとうございます。

目標は、ULとLIをA以外のものを含む単一のDIVに置き換えることです。 これはスタイリングを非常に簡単にします。

+0

私の最新バージョンをお試しください。 –

+0

あなたのメモを私の答えの下に追加しました。 –

答えて

1
this.list = this.element.children('div'); 
this.lis = $('a[href]', this.list); 
this.anchors = $('a[href]', this.list); 
this.panels = $([]); 

これを試してください。

私はすぐに少しは言ったが、修正するのは簡単だった。それを探している他の人のためにここに追加するだけです。チャチャのソリューションは機能しますが、タブを選択すると適切なクラスが割り当てられません。これは、ui.tabs.jsの273行目と281行目から.closest( 'li')を削除することで修正されています。これはうまく修正され、通常どおりクラスを使用できます。 - マティアス・ニールセン12分前

+0

ああ、私はポストを書くときに怠け者かもしれません。私はこれを編集して、私が達成したいことをより明確にします。 –

+0

はい、魅力的に働きました:)多くのありがとうございます。 –

+0

そして私はすぐにそれを少し言ったが、修正するのは簡単だった。 これを探している他の人のためにここに追加するだけです。 チャチャのソリューションは機能しますが、タブを選択すると適切なクラスが割り当てられません。 は、これはこれはうまくそれを修正し、通常どおりにあなたがクラスを使用することができますラインui.tabs.jsで273と281 から .closest(「李」)を除去することにより、固定されています。 –

関連する問題