2

有没有办法巩固这个功能？我有大约 50 个类似的函数，这似乎是获取和设置这些值的一种非常麻烦的方法。

所有函数的格式都是相同的：它会在它“获取”的任何值发生更改时触发，并且基于主元素的值（在本例中为Fabric_Type）加上一些其他元素的值，它设置目标元素的值（即Fabric_Thickness）。大多数函数获取相同的 5 到 10 个元素（即Item或Lining）的值，并在这些元素（即 Blazers、Jackets、Outerwear）中查找相同的值。而且我已经设置了包含每个元素的所有值的数组（即$Fabric_Type = array("Cashmere","Silk","Satin");, $Item = array("Blazers","Dresses","Jackets","Outerwear");等） :-)

我正在尝试（在伪代码中）是：

If ('Item' != Blazer, Jacket OR Outerwear AND 'Lining'!=0) OR If ('Item'=Blazer, Jacket OR Outerwear AND 'Lining'=0){'Fabric_Thickness'=2}
If ('Item' = Blazer, Jacket OR Outerwear AND 'Lining'=!0) {'Fabric_Thickness'=3}

jQuery：

$("[name=Item],[name=Fabric_Type],[name=Lining],[name=Fabric_Construction]").change(function(){  
    if( $("[name=Fabric_Type]").val() === "Satin" || $("[name=Item]").val() === "Silk"){  
            if( $("[name=Item]").val() != "Blazer" && $("[name=Item]").val() != "Jacket" && $("[name=Item]").val() != "Outerwear" && "[name=Lining]").val() != "0") || 
            ( $("[name=Item]").val() === "Blazer" || $("[name=Item]").val() === "Jacket" || $("[name=Item]").val() === "Outerwear" && "[name=Lining]").val() === "0"){
                    $('[name=Fabric_Thickness]').val('2');  
            } if( $("[name=Item]").val() === "Blazer" || $("[name=Item]").val() === "Jacket" || $("[name=Item]").val() === "Outerwear" && "[name=Lining]").val() != "0" {
                    $('[name=Fabric_Thickness]').val('3');  
            } else {
                    $('[name=Fabric_Thickness]').val('1');  
            }
    }    
});
4

1 回答 1

2

在块外部设置一个change名为 isThickerFabric 的函数（或任何对该域最正确的名称）：

var isThickerFabric = function() {
  var item = $("[name=Item]").val();
  return item == "Blazer" || item == "Jacket" || item == "Outerwear";
}

var hasLining = function() {
  var lining = $("[name=Lining]").val();
  return lining != "0";
}

然后，您可以通过以下两种方式之一简化该方法：

$("[name=Item],[name=Fabric_Type],[name=Lining],[name=Fabric_Construction]").change(function(){  
  if ( $("[name=Fabric_Type]").val() === "Satin" ) {
    var fabricThicknessElement = $('[name=Fabric_Thickness]');

    if ( isThickerFabric() && !hasLining || !isThickerFabric() && hasLining ) {
      fabricThicknessElement.val('2');
    } else if ( isThickerFabric() && hasLining() ) {
      fabricThicknessElement.val('3');
    } else {
      fabricThicknessElement.val('1');
    }
  }    
});

或者，有时，当我有几个二进制属性时，我发现“保持分数”很有价值：

$("[name=Item],[name=Fabric_Type],[name=Lining],[name=Fabric_Construction]").change(function(){  
  if ( $("[name=Fabric_Type]").val() === "Satin" ) {
    var fabricThicknessElement = $('[name=Fabric_Thickness]');

    var thicknessScore = 1;
    if ( hasLining() ) {
      thicknessScore++;
    }

    if ( isThickerFabric() ) {
      thicknessScore++;
    }

    $('[name=Fabric_Thickness]').val(thicknessScore);
  }
});
于 2013-04-04T05:53:47.100 回答