1

我有以下代码。一切似乎都运行良好，但只是有时，确认和警报通知会出现多次，而且它们会变得过于烦人。下面的代码有没有问题。感谢您的任何建议。

    $('.order_stateselect').hover(function(){
        var value_text=$(this).find(":selected").text();
        var value_code=$(this).find(":selected").val();
        $(this).change(function(){
            if(confirm('Confirm Order Status Change?')){
                var conduct_status_chge=$.post('/seller/helpers/order_status_change.php',{order_item_id:$(this).parent('td').siblings('.order_item_id').text(),order_item_status:$(this).find(':selected').val()},function(data){
                    alert(data);
                })
                .error(function() {
                    $(this).find(':selected').removeAttr('selected');
                    $(this).find('option:contains(value_code)').attr('selected','selected');
                    alert('error');

                });
            }else{
                $(this).find(':selected').removeAttr('selected');
                $(this).find('option:contains(value_code)').attr('selected','selected');
            }
        });
    });

简要说明我在这里做什么。

这是一个带有多个选项的选择框。此选择框是项目列表中表格单元格的一部分。

即：意味着每一行都包含一个项目，并且对于每一行，都有一个专用于该特定行的选择框。

1）悬停时，我在页面加载时通过我的数据库值加载所选选项的值。

2）当用户从选择框中选择不同的值并确认选择时，我会执行 $.post。

3) 如果用户按下取消或脚本调用出错导致 $.post 失败，我将所选选项恢复为数据库中的原始值。

如果我的解释有点不清楚，我很抱歉，但如果你们需要更多信息，请告诉我。谢谢。

4

1 回答 1

3

我将从您的代码中摘录一小段：

$('.order_stateselect').hover(function(){
    var value_text=$(this).find(":selected").text();
    var value_code=$(this).find(":selected").val();
    $(this).change(function(){

当鼠标光标进入该区域时，您正在附加一个更改处理程序；如果这种情况发生多次，您的更改处理程序也会被多次应用。

您应该.change(...)移动.hover():

$('.order_stateselect')
    .hover(function() { ... })
    .change(function() { ... })
于 2012-10-18T02:28:14.000 回答