0

だから私はフェイスボックスをセットアップしていて、それは機能します。タブベースのナビゲーション（JQueryも）を使用して外部ページをロードすると、モーダルは機能しますが、ナビゲーションは機能しません。はっきりしない場合は、実際にタブをライトボックス内に配置する必要があります。また、何かが変わる可能性がある場合は、ライトボックス内でphp/mysqlを実行しています。助けてくれてありがとう。

これは元のモーダルコールです

<link href="facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="facebox/facebox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $('a[rel*=facebox]').facebox()
});

これは、モーダルボックスが呼び出すページのスクリプトです

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('#tabs').tabs();
        });
</script>
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Informations</a></li>
        <li><a href="#tabs-2">Factures en attente</a></li>
        <li><a href="#tabs-3">Marché en cours</a></li>
    </ul>
<div id="tabs-1"> one</div>
<div id="tabs-2"> two</div>
<div id="tabs-3">three</div>
4

2 に答える 2

0

ここには十分な詳細がありません..モーダルマークアップ/呼び出しはどこにありますか? タブが参照するコンテナはどこにありますか?

ここの例のソースを参照してください。

http://docs.jquery.com/UI/Tabs

コンテナーを使用していない場合、タブは操作するものがなく、動作していないように見える場合があります。

編集：

公式ドキュメントによると、jquery をロードした後、これは機能するはずです。

<div id="tabs">
   <ul>
      <li><a href="#tabs-1">Nunc tincidunt</a></li>
      <li><a href="#tabs-2">Proin dolor</a></li>
      <li><a href="#tabs-3">Aenean lacinia</a></li>
   </ul>
   <div id="tabs-1">
      <p>Tab 1 content</p>
   </div>
   <div id="tabs-2">
      <p>Tab 2 content</p>
   </div>
   <div id="tabs-3">
      <p>Tab 3 content</p>
   </div>
</div>

正確な例を試して、それが機能するかどうかを確認しましたか? それでもうまくいかない場合は、Facebox が何らかの形で干渉している可能性があります。多くのことを行わずに最も単純な形式に減らしてみて、それが機能するかどうかを確認してから、ゆっくりと何かを追加してください.

于 2010-03-16T23:10:12.267 に答える
0

再現できません。http://jsbin.com/uwoxe/2をロードするhttp://jsbin.com/iposi3/2で簡単なデモを作成しました。読み込まれたリモート ページが本格的な html ページではないことが重要htmlです。あなたが示した「html-fragment」のみ。headbody

コードを表示するには、http ://jsbin.com/iposi3/2/editおよびhttp://jsbin.com/uwoxe/2/editを使用します

私のオペラでは問題なく動作します。もちろん、フェイスボックスは小さすぎて、デフォルト設定でタブをうまく表示できません。

あなたの問題に対して、jQueryがリモートでロードされたコンテンツからタグを削除することがあることを思い出します（その投稿を確認してください）。scriptしかし、それは$.loadFaceBox が使用されていない ($.getリモート コンテンツに使用されている) 場合にのみ適用されるようです。

どのブラウザで問題が発生していますか? IE の場合、jQuery がリモート コンテンツからスクリプト タグを挿入しようとすると、IE が「Permission Denied」エラーをスローする可能性があります。ブラウザのエラー コンソールを確認しましたか?

于 2010-03-16T23:52:57.157 に答える