引用 nextElementSibling 未定义

Question

我正在构建一个产品滑块，每次滑动后都会更新其状态。要查找对幻灯片中上一个和下一个元素的引用，我使用了 nextElementSibling/previousElementSibling。这在桌面版 Chrome 中运行良好，即使幻灯片是使用 Ajax 动态加载的。

但是，在移动版 Safari 和 Chrome 上，我收到以下错误：

TypeError: null is not an object (evaluating 'currentProduct.dataset') 

似乎一旦我到达幻灯片中使用 ajax 加载的元素，就不再有 nextElementSibling/previousElementSibling 引用了。

updateState: function (direction, xOffset, outerOffset) {

        // Old current product
        var currentProduct = this.state.currentProduct;

        // Set new current product
        if (direction === 'next') {
            currentProduct = this.state.currentProduct.nextElementSibling;
        } else if (direction === 'prev') {
            currentProduct = this.state.currentProduct.previousElementSibling;
        }

        // Set new state
        this.state.currentProduct = currentProduct;
        this.state.prevProductUrl = currentProduct.dataset.prev;
        this.state.nextProductUrl = currentProduct.dataset.next;

        // Load new sibling
        if (currentProduct.nextElementSibling === null) {

            $.get(this.state.nextProductUrl).done( function(data) {
                // Insert next product
                this.insertProduct(data, 'next');

                this.setContainerSize(this.productContainer.children.length);
            }.bind(this));

        } else if (currentProduct.previousElementSibling === null) {

            $.get(this.state.prevProductUrl).done( function(data) {
                // Insert next product
                this.insertProduct(data, 'prev');

                this.setContainerSize(this.productContainer.children.length, true);
            }.bind(this));
        }

        // Set new xOffset
        this.state.xOffset = xOffset;

        // Update offset of container element
        this.state.outerOffset = outerOffset;
    }

使用 jQuery 的 .next()/.prev() 函数也无济于事，但结果相同。

任何帮助将不胜感激！

Answer 1

想通了.. 由于使用代理，ajax 请求无法正常工作.. 糟糕。