同じページの複数のJQueryプラグイン間でスコープを定義する

Question

私は妹の結婚のためにウェブサイトを構築しています。時間の不足のため、私はいくつかのフリープラグインを使用して、組み立てています。私は外出先でJqueryとAJAXも学んでいます。

テンプレートでは、タブをクリックすると、コンテンツはコンテンツホルダという名前の中央のdiv内にJQuery経由でAJAXを使用して読み込まれます。 4つのタブがあり、そのうちの1つはフォトギャラリーへのリンクです。

ダウンロードしたフォトギャラリーのデモを使用しています。私は自分のニーズに合わせて広範囲に変更し、メインテンプレートのコンテンツホルダーdivのサイズに合わせています。
このフォトギャラリーはJQueryにもあります。別のウェブサイトとして完璧に動作しています。

今問題は、テンプレートのコンテンツホルダーでフォトギャラリーを読み込むために私のタブをリンクしたときです。フォトギャラリーロードされても、何かに近づくことさえありません。 2.さらに、ウェブサイトは開始（ムービー）状態に入ります。テンプレートは別のものの中に、別のものは別のものの中に入れます。クリックされたすべてのタブで、2つの内部テンプレートが作成されます。

テンプレートと画像ギャラリーの両方でCSS-3、JQuery（どちらも古くなった別のバージョンを使用しますが、最新の1.7.1に置き換えられました）を使用します。どちらも共通の機能として.ready（）と.load（）と基本的なajax実装を使用します。

これは、両方のコンテンツの読み込みに使用される一般的な.ready（）関数による可能性があります。
テンプレートとフォトギャラリー、プラグインの間に別のスコープを定義する方法はありますか？

他の原因が考えられる場合は、解決策を教えてください。

iframes FLASHやシステムプラグインを使用することに興味はありませんが、現代のWeb標準です。

EDIT： -これは私が
http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/
を使用していますベースのテンプレートであるとタブスリーがへのリンクを有するものであるhttp://tympanus.net/codrops/2010/12/14/moleskine-notebook/

フォトアルバムとして、これは私が使用しているプラ​​グインですdivにロードされている写真のギャラリー

Answer 1

あなたの質問はすべてのテキストとコードではないので、あなたは教育的な推測を得ることができます:-)そして非常に迅速かつ汚れた提案...

あなたの問題はおそらく重複したIDとクラスにあり、ロード/レディではありません。すべてのスクリプト作成者が独自のものに非常にユニークな名前を付けているわけではないので、同じIDを持つ変数や挿入された要素を見つけることができます。

これを解決するために非常に専門外の方法は、アイフレームを使用しているだろう - あなたは何を学ぶんだろう...など、さまざまなページをスコープを定義するが、私はウェブホスティングサービスを取得する時間