如何从Ajax请求向Elements添加属性

时间:2013-01-10 12:01:53

标签: jquery ajax load request

我在这里遇到问题,无法找到解决方法!

让我解释一下我要做的事情:

我有一张表单来发送订单。

选择目的地:

<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

当我选择目标并单击其中一个选项时,会执行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#结果中。

这个div里面有一份订单清单和他们要交付的相关产品。 如果一个或多个产品没有标记为库存,我会在“订单”循环的末尾添加一个脚本:

<?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

0 个答案:

没有答案