問題タブ [jquery-load]

div があるページがあります。その div のコンテンツはインクルード ページによって入力されており、そのインクルード ページはコンテンツを取得するためにデータベースを呼び出しています。

ユーザーが「タスクの追加」ボタンをクリックすると、コンテンツをデータベースに挿入する ajax 呼び出しが行われ、すべてのタスクを表示する div が .load() で更新されます。「削除タスク」についても同じプロセスが発生します。データベースから行を削除する別の ajax 呼び出しが行われ、.load() を使用して div が更新されます。

データベース テーブルに挿入と削除が表示されますが、フロントエンドが少し不安定です。ページが最初に読み込まれると、無制限の数の「追加」アクションを実行でき、すべての新しいタスクが div に表示されます。ただし、実行できる「削除」アクションは 1 つだけです。最初の試行の後、div から要素を選択できないようです。

「追加」コードは次のとおりです。

そして「削除」コード：

ロードされるコンテンツは、データベース呼び出しから抽出されたコンテンツで生成されたテーブルです。ここにスニペットがあります：

どんな助けでも大歓迎です。

私にはたくさんのコードがあり、ここにすべてを投稿することは避けたいと思いますが、必要に応じて、似たようなものを作成するか、モックアップします。

私の問題は、(load() を使用して) ページをロードしてから (fadeIn() を使用して) 非表示を解除する非表示の div があることです。この div を片付けるときが来たら、空のページを div にロードしてフェードアウトします。JavaScriptアラートを入れて空のページをテストしましたが、実際にロードされていますが、最初のページのdivにロードしたJavascriptはまだ実行されています. この Javascript は現在、親ページに属していますか? アンロードして実行または利用できなくする方法はありますか? 後で別の動的コンテンツを使用してページを再度読み込む必要があり、まだ実行中の Javascript が再度読み込まれるときに同じ Javascript と競合します。そしてまた。

この説明が理解できることを願っています。私の問題はおそらく非常に単純で、まだ理解していない階層に関係していると思います。

ありがとうございました！

- - - - - - - 編集

読み込まれたページの Javascript は次のとおりです。参照するすべてのクラスと ID は、ロードされたページ内に存在します。(コードは、http: //www.ilovecolors.com.ar/ によってコード化されたタブの動作から適応されます)

surveymonkey と polldaddy はどちらも、Web サイトに埋め込むスクリプトを提供します。元：

問題は、jquery ロードを使用してフラグメントをロードすると、ポーリングが表示されないことです。

私のウェブサイトの頭の中には、次のスクリプトと id="fragment-sidebar-poll" を持つ空の div があります

firebug では、jquery ロードが polldaddy から指定されたコードを返すことがわかります。しかし、投票は表示されず、Firebug コンソールにエラー _container is null が表示されます。

注：surveymonkeyではエラーは表示されませんが、調査には表示されません。

jquery の .load() 関数でサーバーにデータを送信するにはどうすればよいですか。私はこの構文を試しました：

しかし、何らかの理由で機能しません

私は ajax Web サイトを構築しています。ナビゲーション ボタンをクリックするとページが読み込まれますが、ページをリロードすると問題が発生します。main.htmlページをリロードすると、URL が何であれ、ページはデフォルトでロードに戻ります。私のハッシュは少し異なり、次のようになります/#!/。どうすれば URL を取得し、/Path/. 参考までに、これは私の URL の 1 つがどのように見えるかhttp://mysite.com/#!/account/settingsです。account/settingsURLの一部だけを取得するにはどうすればよいですか。意味があれば、どうもありがとう。

サムネイルがクリックされたときに、画像を読み込んで、jQueryを使用してDOM内のimg要素に追加しています。これを行うコードは次のとおりです。

ここでの奇妙な点は、ロードが完了すると、最初に期待どおりに1つのログを書き込むことです。しかし、2回目は、前のサイズの2倍（2）になります。3回目は、6回ログに記録します。

ここで何が起こっているのかわかりません。保持されているimg要素の数を確認すると#picture-holder、操作のたびに1が返されます。

編集1：

私は以下のようにコードを変更し、問題はなくなったと述べましたが、それが正しい方法であるかどうかはわかりません：

編集2：

また、これはクライアントマシンで多くのCPUを消費することに気づきました。私は何か間違ったことをしていますが、どこですか？

私はここでこの問題を抱えています。タブ内に div のコンテンツを読み込むと、そのコンテンツに関連付けられていたスタイルが失われます。ご覧のとおり、最初は #content div 内の段落は緑色ですが、Tab 1、Tab 2、または Tab 3 をクリックして新しいコンテンツを読み込んだ後、スタイルシートで定義したスタイルが失われます。

なぜこれが起こっているのですか？

私はソーシャルネットワーキングウェブサイトを開発していて、それを可能な限り動的にするつもりです。私がこれまでに遭遇した唯一の大きな問題は、jQueryのロード関数を使用しているときにブラウザの戻るボタンを使用できないことです。

次のコードを追加して、javascript関数を使用したときにユーザーのURLを実際に変更します。

思った通りに動作すると思いましたが、残念ながらURLは変わりますが、ページの内容はそのままです。

最後にアクセスしたページをロードする方法を知っている人はいますか？動的ではなく、通常の戻るボタンと同じように機能します。

実際に起こっていることの例が必要な場合は、一時的なURLにアクセスできます。http： //goo.gl/0BOUV
ログインする必要があるため、ログインの詳細は次のとおりです。
メール：test@email.com
パスワード：パスワード

jQuery .load（oracle apex url）クエリを使用したいと思います。メニューを表示/非表示にするナビゲーションメニューを備えた固定バナーを保持するように設定したメインページがあります。

このメインページテンプレート内には、メニュー項目が選択されたときに起動するjQueryコードもあります。これは、基本的に、このOracleApExアプリケーション内の任意のページの下にある「メインコンテンツ」divに読み込まれます。

このメインページ内には、次のHTML設定で作成した「コンテンツ」領域もあります。

したがって、上記で基本的に達成しようとしているのは、以前のようにiframeを使用せずに、jQueryの.load（）関数を使用する手段です。

これで、メインページのメニューから離れてクリックしてもすべて正常に機能しますが、メニュー項目の1つがフォームのあるページに移動し、ユーザーが現在デフォルトの「20ページにリダイレクト」を使用している「作成」ボタンを押すとボタンがクリックされたときのアクション。メインマスターページの範囲内にいないため、維持したいすべての機能が失われます。

そのため、これにより、上部の固定バナーとメニューにアクセスする手段が失われました。

基本的に、Oracle ApExアプリのページ間のリダイレクトやその他の分岐がすべて、私を介して<div id="main-content">、常にjQuery$("#main-content").load(actualPageURL)関数を使用してフィルタリング/処理されるようにする必要があります。

繰り返しになりますが、OracleApExアプリ内のすべてのページがメインコンテンツdivを通過することを確認する必要があります。

.show で div を開き、.load を使用していくつかのコンテンツをロードしようとしています。その後、.load を使用して再びコンテンツに変更できます。

を使用してdivを正常に開くことができます

使用してコンテンツをロードするには：（これは私が問題を抱えているビットです）

本当に単純なものが欠けていると確信していますが、何がわからないのですか？

乾杯