Php jQuery对话框未再次打开

Php jQuery对话框未再次打开,php,jquery,dialog,Php,Jquery,Dialog,我正在使用jquery对话框在编辑单击时编辑产品。当我为产品列表时,它对第一个产品开放,但对第二个产品不开放 以下是jquery对话框代码 $(function() { $( "#dialog-form" ).dialog({ autoOpen: false, height: 570, width: 300, modal: true, buttons: { "Update": func

我正在使用jquery对话框在编辑单击时编辑产品。当我为产品列表时,它对第一个产品开放,但对第二个产品不开放

以下是jquery对话框代码

$(function() {
    $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 570,
        width: 300,
        modal: true,
        buttons: {
            "Update": function() {
                window.location.href = '<?=base_url()?>cart/remove_cart_prod/';
        },
        Cancel: function() {
            $( this ).dialog( "close" );
        }
    },
        close: function() {
            allFields.val( "" ).removeClass( "ui-state-error" );
        }
    });

    $( "#edit-item" ).click(function() {
        $( "#dialog-form" ).dialog( "open" );
    });
});
$(函数(){
$(“#对话框窗体”).dialog({
自动打开:错误,
身高:570,
宽度:300,
莫代尔:是的,
按钮:{
“更新”:函数(){
window.location.href='cart/remove_cart_prod/';
},
取消:函数(){
$(此).dialog(“关闭”);
}
},
关闭:函数(){
allFields.val(“”.removeClass(“ui状态错误”);
}
});
$(“#编辑项”)。单击(函数(){
$(“#对话框窗体”)。对话框(“打开”);
});
});
最后是我的php代码

<div id="dialog-form" title="Edit <?=$prodname?>">
        <p class="validateTips">All form fields are required.</p>
        <form action="<?=base_url()?>cart/remove_cart_prod/" method="post">
          <fieldset>
            <label for="size">Size</label>
            <select id="size" name="size" onchange="calculate(this)">
              <option value="">Choose Your Size</option>
                <?php
                    $sizequery = $this->db->query("SELECT * FROM size WHERE product_id = " . $proddata->id . " and status = 1");
                    if($sizequery->num_rows() > 0) 
                    {
                        foreach($sizequery->result() as $row) 
                        {
                            $prodsize = $row->size_from .' x '. $row->size_to;
                ?>
              <option value="<?=$prodsize?>" id="<?=$row->price?>"><?=$row->size_from?> x <?=$row->size_to?></option>
              <?php } } ?>
            </select>
            <label for="quantity">Quantity</label>
            <select id="quantity" name="quantity" onchange="calculate(this)">
              <option value="">Choose Your Quantity</option>
                <?php
                    $query = $this->db->query("SELECT * FROM quantity WHERE product_id = " . $proddata->id . " and status = 1");
                    if($query->num_rows() > 0) 
                    {
                        foreach($query->result() as $row) 
                        {
                            for($i = $row->quantity_from; $i <= $row->quantity_to; $i++)
                            {   
                ?>
              <option value="<?=$i?>" id="<?=$row->discount?>">
              <?=$i?>
              </option>
              <?php } } } ?>
            </select>
            <label for="color">Color</label>
            <select id="color" name="color" onchange="calculate(this)">
              <option value="">Choose Your Color</option>
              <option value="2">2 Color</option>
              <option value="3">3 Color</option>
              <option value="4">4 Color</option>
            </select>
            <label for="shippint_time">Shiping Time</label>
            <select id="shipping_time" name="shipping_time" onchange="calculate(this)">
              <option value="">Choose Your Shipping Time</option>
              <option value="0">Normal Shipping FREE</option>
              <option value="100">Express Shipping 100$</option>
            </select>
          </fieldset>
          <div class="pricebox">
            <p>Product Price: <span>$</span><span id="product_price"></span></p>
            <p>Product Discount: <span>$</span><span id="product_discount"></span></p>
            <p>Total Price: <span>$</span><span id="result"></span></p>
          </div>
        </form>
      </div>
      <!-- end dialog box -->
      <div class="six columns" style="padding:0px;"><a href="javascript:void(0)" id="edit-item">Edit</a> | <a href="<?=base_url()?>cart/remove_cart_prod/<?=$item['rowid']?>" class="duplicate11" id="<?=$proddata->id?>">Remove</a> | <a href="<?=base_url()?>cart/duplicate_cart_prod/<?=str_replace(' ', '-', $prodname)?>/<?=str_replace(' ', '-', $item['size'])?>/<?=$item['qty']?>/<?=$item['price']?>/<?=$item['color']?>/<?=$item['shipping']?>/<?=$item['discount']?>" class="duplicate11" id="<?=$proddata->id?>">Duplicate</a></div>

当代码
$(“#对话框窗体”)。对话框(“打开”),则将
#对话框表单
DIV从HTML中的原始位置删除,并附加到body元素的最后一部分

您能检查一下,即使元素移动到body元素的最后一部分,也可以显示
#对话框表单
DIV吗

如果这不是问题的原因,那么如果没有javascript错误,您是否可以看到javascript控制台

  • 使用键盘快捷键命令-Option-J(Mac)或Control-Shift-J(Windows/Linux)
  • 选择视图>开发人员>JavaScript控制台

autoOpen:false
需要更改
true
检查您的控制台是否有错误这是我的网站:左侧有您的订单,请填写此表单,您将登录购物车页面,在编辑时我将执行此对话框代码。在第一个产品上,它工作正常,但在第二个产品上,您将看到错误