0

最初は正常に動作するダイアログ ボックスがあります。つまり、編集ボタンをクリックすると、正常に閉じます。しかし、2 回目は、編集ボタンをクリックしても機能しません。

$(document).ready(function() {
    $('.btn').click(function() {
        $("#dialog").dialog({});
    });
    $('#editButton').click(function() {
        $('#refreshmydiv').load('/path/to/my/phpfile');
        $('#dialog').dialog("close");
    });
});​

ここにhtmlがあります

<div id="dialog" style="display:none;">
    <div>
        Input Field1:<input type="text" id="xyz">
    </div>
    <div>
        InPut Field2: <input type="text" id="abc">
    </div>
    <div>
        <input type="submit" id="editButton" value="Edit">
    </div>
</div>

<div id="refreshmydiv">
<table class="table table-striped" id="authentication">
    <thead>
        <tr>
            <th>Username</th>
            <th>Password</th>
            <th>Edit</th>
            <th>Delete</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach($user as $key=>$value){?>
        <tr class="rowData">
            <td class="username"><?php echo $key; ?>
            </td>
            <td class="password"><?php echo $value; ?>
            </td>
            <td><Button type="submit" class="btn">Edit</button>
            </td>
            <td>Delete
            </td>
        </tr>
        <?php  } ?>
    </tbody>
</table>
</div>

編集

私が取り出したら

$('#refreshmydiv').load('/path/to/my/phpfile');

その後、動作します...しかし、負荷が必要です....

4

1 に答える 1

4

OKは解決策を見つけました。ダイアログ ボックスは本文の外側にコンテンツを残すため、ロードする前に削除する必要があります。

ここで何をしますか

 $('#dialog').remove();
 $('#refreshmydiv').load('/path/to/my/phpfile');
 $('#dialog').dialog("close");

みんなありがとう

于 2012-07-10T20:21:47.953 に答える