jQuery Animate无法正常运行，但可以运行控制台

debugcn 发表于 Dev

阿里·贝克塔什（Ali Bektash）

抱歉，我不会说英语，所以请原谅。我有对象“ window.userInterface.filmMakinesi”。我这个对象运行控制台没问题。但是，当运行我的JavaScript文件创建时，会出现问题。不工作有趣的。

    window.userInterface.filmMakinesi = function(control) {

        controlBox                  = [];
        controlBox["ileri"]     = {dinamikCSS: "top",operator:"-"};
        controlBox["geri"]      = {dinamikCSS: "bottom",operator:"+"};

        secim       = controlBox[control].dinamikCSS;
        operator    = controlBox[control].operator;
        height      = parseInt($("section.open").height());
        /*
        secim : top;
  operator: -
  height: 270;
  */
        $("div#filmMakinesi").animate({ secim : operator+height+"px"},600,"swing"); 
    }
window.userInterface.filmMakinesi("geri");

不起作用，但如何起作用。字符串而不是尝试我写的值。

    window.userInterface.filmMakinesi = function(control) {

        controlBox                  = [];
        controlBox["ileri"]     = {dinamikCSS: "top",operator:"-"};
        controlBox["geri"]      = {dinamikCSS: "bottom",operator:"+"};

        secim       = controlBox[control].dinamikCSS;
        operator    = controlBox[control].operator;
        height      = parseInt($("section.open").height());

        //                              \/\/\/

        $("div#filmMakinesi").animate({ "top" : operator+height+"px"},600,"swing"); 
    }
window.userInterface.filmMakinesi("geri");

查理

您将需要创建一个对象，以便可以使用[]符号来允许将变量secim用作动态属性。

var animateObject = {};
animateObject[secim] = operator+height+"px";
$("div#filmMakinesi").animate(animateObject ,600,"swing");

您不能通过foo这种方式创建属性：

   var myVariable = 'foo';
   var object = { myVariable :'some value'};
   console.log(object.foo) // returns undefined
   console.log(object.myVariable ) // returns 'some value'

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。