0

スタッフが注文を記録し、注文から発送までのステータスを追跡できる注文システムを作成しています。ただし、注文を表示するときに、別のコンピューターの別のスタッフが注文を変更する可能性があるという問題があります。これは、ページの更新が実行されるまで登録されません。

これに対処するために、私はこのスクリプトを使用したいと思っていました 。http：//www.michaelfretz.com/2010/04/21/using-ajax-to-load-data-from-php-into-your-website/

私はそれをtwitterブートストラップ内でうまく機能させることができました。低速の接続では、ページが読み込まれ、データが読み込まれるまで「データが読み込まれるまでお待ちください」と表示されます。

しかし、私が抱えている問題は、リロードセクション内でJavaScriptを機能させることができないことです。ブートストラップツールチップを使用したいと思っていました。ユーザーは注文IDにカーソルを合わせると、注文の内容がポップアップ表示されます。リロードセクションの外ではうまく機能しますが、私はそれを機能させることができません。

ロードセクション内でjqueryとブートストラップツールチップjavascriptをロードしようとしましたが、これでも機能しませんでした。とにかくこれはそれを非常に遅くしたでしょう。

PHPドキュメントをリロードするAjaxでブートストラップツールチップを使用する方法について誰かが考えていますか？

ありがとう

4

2 に答える 2

0

動的コンテンツをロードする場合は、ハンドラーを変更されない最も近い親にバインドしてから、処理する要素のみを選択するフィルターを追加します。

だから、例の理由によって：

HTML：

<div id="parent">
    <div id="igetinjectedwithdynamiccontent">
        ...
        <a href="#" class="btn">IMA BUTTON</a>
        ...
    </div>
</div>

jQuery：

$('#parent').on('click', 'a.btn', function(event){
    // handle click event for anchors of class 'btn'
});

これにより、ハンドラーがページの読み込み時に存在したか動的に追加されたかに関係なく、onclickハンドラーがdiv内のブートストラップボタンに正常にバインドされます。parent

于 2012-12-06T08:09:50.843 に答える
0

この質問に答えてくれてありがとう...私は今それを理解しました。質問する前に何を検索すればよいかさえ知りませんでした。

ボタンを押すことをシミュレートするオンロードシミュレーターを使用することもできました。動作する必要があります。

ただし、代わりにセレクターオプションを使用することを選択しました。これは、明らかにjquery 'Live'の代替にすぎません

私と同じ船に乗っている人のために。JQuery をロードした後、これをページに貼り付けます。

<script type="text/javascript">
 ( function($) {

  $(document).ready(function() {

 $('body').tooltip({
                 selector: '[rel=tooltip]'
         });

});

 } ) ( jQuery );

 </script>

インデントについて申し訳ありません....愚かな4つのスペースのこと:)

このスクリプトは、コンテンツが変更されても引き続きロードされます。

于 2012-12-06T13:46:22.973 に答える