人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptの質問です。
現在、タブで表示内容を切り替えるjQuery(Rotating jQuery tabs、以下タブJS)が適用されたhtmlを修正しているのですが、表示する内容をJSで動的に生成するようにしたところ、タブが効かなくなってしまいました。

同一html内に静的なソースを書くと、そこだけタブJSが正常に動作するので、変数のバッティングなどによる不具合ではないようです。
また、自動生成部分も、表示自体はされているほか、ブラウザに表示された生成済みソースをコピーして静的なhtmlを作り、それを表示するとタブJSが適用されるので、表示生成部分に間違いはないようです。
つまり、「動的に生成したソースにだけタブJSが効かない」状態。

タブJSと生成JSの読み込みタイミングの問題かなとも思うのですが、そもそも「動的なHTML生成の完了後に、タブJSを適用させる」方法が分かりません。

情報が足りないとは思いますが、上記で何か解決策が思いつく方いるでしょうか?


●質問者: nacbox
●カテゴリ:ウェブ制作
✍キーワード:HTML JavaScript jQuery js コピー
○ 状態 :終了
└ 回答数 : 2/3件

▽最新の回答へ

1 ● deflation
●35ポイント

具体的なスクリプトがないので何とも言えませんが、一般的には動的なHTMLはサーバサイドスクリプト(PHP, Rubyなど)で生成すべきです。

◎質問者からの返答

ごもっとも(><);

そうなんですけどね……。

いろいろと事情がございまして……。

プロジェクト要件としてサーバサイドスクリプトが使えず……。

う?ん。

でもありがとうございます。


2 ● うぃんど
●35ポイント

具体的なスクリプトがないので何とも言えませんが、下記などを参考にして動的HTML生成の後に最新の状態を適用するように調整してみてください

http://www.ibm.com/developerworks/jp/web/library/wa-aj-advjquery...

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ