分配一個變量到一個cookie ..不要等待！另一種方式

Question

我想給一個變量分配一個cookie ...

例如， var aVariable = $.cookie("moo");

我正在使用jQuery cookie functions - 我是否需要設置cookie並在同一時間設置變量？

請幫助漂亮！

^^

我的代碼：

function goBackToPosition() { 
    var xPos = $.cookie("yourPositionX"); 
    var yPos = $.cookie("yourPositionY"); 

     console.log(xPos); 
     console.log(yPos); 

    if (xPos) { 
     alert("xpos!"); 
     $(this).animate({ 
      top: yPos, 
      left: xPos 
    }, 400, function(){ 
      $.cookie("yourPositionX", null); 
      $.cookie("yourPositionY", null); 
    }); 

    } 
} 

我得到以下錯誤：a.ownerDocument is undefined

Answer 1

你的語法是錯在這裏：

$(this).css(function() { 
    top: yPos, 
    left: xPos 
}, 400, function() { 
    $.cookie("yourPositionX", null); 
    $.cookie("yourPositionY", null); 
}); 

也許你的意思是：

$(this).css({ 
    top: yPos, 
    left: xPos 
}).fadeIn(400, function(){ 
    $.cookie("yourPositionX", null); 
    $.cookie("yourPositionY", null); 
}); 

或者：

$(this).animate({ 
    top: yPos, 
    left: xPos 
}, 400, function(){ 
    $.cookie("yourPositionX", null); 
    $.cookie("yourPositionY", null); 
}); 

在回答您的更新/新問題：

$(this)將不適用於goBackToPosition的範圍，因爲它引用該函數而不是元素。您必須將$(this)更改爲$('selector')才能使其正常工作。如果你想繼續使用它，請使用goBackToPosition.call($('selector'))。 當被調用的函數執行時，調用函數會改變這個值，類似的函數是apply。

Answer 2

你可能意味着。

$(this).css({ 
      top: yPos, 
      left: xPos 
     }).fadeIn(400, function() { 
      $.cookie("yourPositionX", null); 
      $.cookie("yourPositionY", null); 
     }); 

您的語法沒有意義。你正在傳遞一個函數，但函數的主體看起來像一個對象文字。正如balupton所說，您可能需要與fadeIn結合使用。

{ 
    top: yPos, 
    left: xPos 
} 

相同：

{ 
    "top": yPos, 
    "left": xPos 
} 

它創建與該值yPos和xPos，分別在頂部和left屬性的對象。

Answer 3

this在這種情況下沒有意義。無論是與選擇替換它，或給它的一些含義：

jQuery.fn.goBackToPosition = function() { 
    var xPos = $.cookie("yourPositionX"); 
    var yPos = $.cookie("yourPositionY"); 

     console.log(xPos); 
     console.log(yPos); 

    if (xPos) { 
     alert("xpos!"); 
     this.animate({ 
      top: yPos, 
      left: xPos 
     }, 400, function(){ 
       $.cookie("yourPositionX", null); 
       $.cookie("yourPositionY", null); 
     }); 

    } 
} 

那麼接下來：

$(selector).goBackToPosition()