通过 History.pushState() 函数传递 jQuery 对象

Question

我正在使用 History.pushState() 函数，我将 jQuery 对象保存到推送状态对象中，但是当触发 statechange 事件时，我正在检索没有 jQuery 对象的状态对象数据，但只有“正常”对象：

var object = {link : $("#varianty")};

console.log(object.link);   

History.pushState(object,"test","test.php");

控制台返回 jQuery对象

<代码> jQuery(div#varianty.box)

但是当 statechange 事件被触发时：

History.Adapter.bind(window,'statechange',function(){       

        var State = History.getState();

        var link = State.data.link;

        console.log(link);     
});

控制台返回一个对象

对象 { 长度=1, 0={...}, 更多...} 是否

详细转储

0 =>    Object { jQuery1304643255828=39, constructor={...}}

context =>  Object { location={...}}

length =>   1

selector  =>    "#varianty"

有机会在状态对象 jQuery 对象中检索，如果没有，没有很酷的方法，但我可以通过以下方式再次选择对象： $(State.data.link.selector);

但是通过pushState对象传递jQuery对象是没有用的...

需要它在点击时推送$(this)对象事件。

感谢您的任何建议或解决方案！ :)

Answer 1

传递给 pushState 函数的对象在 popstate 事件中生成时似乎会丢失其原型。为了解决这个问题，您可以在侦听事件时重新附加原型。

在你的情况下，最好只将你需要的元素的选择器传递到pushState中，

history.pushState({selector: "#my-div"}, "test", "/test")

这样你就可以使用jQuery从popstate事件的dom中获取元素

history.onpopstate = function (event) {
  if (event.state) {
    var myElem = $(event.state.selector)
  }
}