ここで問題が発生し、解決する方法が見つかりません。
私がやろうとしていることを説明しましょう:
注文を発送するフォームがあります。
目的地を選択します。
<select name="destination" id="destination">
<option value="d1">d1</option>
<option value="d2">d2</option>
<option value="dN">dN</option>
</select>
選択肢一つを選択してください:
<input type="radio" value="report" id="report" /> Report
ターゲットを選択してオプションの1つをクリックすると、注文のリストを取得するためにajaxリクエストが実行されます。
jQuery(function() {
var destination = jQuery('#destination').val();
jQuery('#result').html(''></div>');
jQuery('#result').html('<em style="color:red">Please, wait! Sending your request...</em>');
jQuery('#result').load('report.php?destination =' + destination + '&cache=' + Math.random() );
});
テキスト応答は、DIV#resultにロードされます。
このdivの中には、配達される注文とその関連製品のリストがあります。1つ以上の製品が在庫としてマークされていない場合は、「注文」ループの最後にスクリプトを追加します。
<?php
// result.php
$allInStock = true;
// loop orders
// inside orders check if related products are in stock
// $allInStock is set to false if product is not in stock
?>
<?php if( $allInStock == false ) : ?>
<script type="text/javascript">
jQuery( function() {
jQuery('#checkbox-<?php echo $res['order_id'];?>').attr('disabled', true);
jQuery('#link-<?php echo $res['orders_id'];?>').attr('href', 'javascript:void;');
jQuery('#td-<?php echo $res['orders_id'];?>').click(function(){alert("This order can't be delivered!")});
}
);
</script>
<?php endif; ?>
ご存知のように、結果は期待どおりになります。しかし、[レポート]ボタンをもう一度クリックすると、期待どおりにテキストレスポンスが読み込まれますが、jqueryコードは機能しません。それもロードされました。
どんな手掛かり?私は何をすべきかについてのより少ないアイデアを持っておらず、グーグル氏に自分自身を報告する方法を見つけることができませんでした。
前もって感謝します!:D