Question

am使用平滑滑块，我相信next-prev和导航点由jQuery渲染。这是渲染元素的屏幕截图。

export default new Vuex.Store({
    state: {
        authUser: {},
        isAuthenticated: false,
        jwt: localStorage.getItem('token'),
        endpoints: {
            obtainJWT: 'http://127.0.0.1:8000/get-token/',
            refreshJWT: 'http://127.0.0.1:8000/refresh-token/',
            baseUrl: 'http://127.0.0.1:8000/main/api/',
        }
    },

    mutations: {
        setAuthUser(state, {
            authUser,
            isAuthenticated
        }) {
            Vue.set(state, 'authUser', authUser)
            Vue.set(state, 'isAuthenticated', isAuthenticated)
        },
        updateToken(state, newToken) {
            localStorage.setItem('token', newToken);
            state.jwt = newToken;
        },
        removeToken(state) {
            localStorage.removeItem('token');
            state.jwt = null;
        }
    }
});

我正在尝试使用Jquery移动一些内容，但无法连接到呈现的元素。只想确认是否可以连接到那些元素？我正在尝试做

之类的简单事情

Cannot destructure property 'authUser' of 'undefined' or 'null'.

Answer 1

只要您想探索另一个选项，Slick都内置了可自定义上一个和下一个箭头标记的功能。

$('.selector').slick({
  nextArrow: '<i class="fa fa-arrow-right"></i>',
  prevArrow: '<i class="fa fa-arrow-left"></i>',
// add the rest of your options here
});

Answer 2

您可以在div上附加一个变异观察者，该变异观察者将保持您的滑块。一旦检测到突变，您就可以使用它来查找按钮并添加类。

我在这里构建了一个非常快速的东西，您可以看一下（我使用了jQuery，因为这似乎是您正在使用的东西）：https://jsfiddle.net/adsg3pr8/

jQuery(document).ready(function(){

  jQuery('#createDiv').click(function(){
    jQuery('<div>').appendTo('#changingContent');
  });

  MutationObserver = window.MutationObserver || window.WebKitMutationObserver;

  var observer = new MutationObserver(function(mutations, observer) {
    jQuery(mutations[0].target).find('div').addClass('blue');
  });

  observer.observe(document.getElementById('changingContent'), {
    subtree: true,
    attributes: true,
    childList: true,
    characterData: true,
    attributeOldValue: true,
    characterDataOldValue: true
    });
});

基本上，我将观察者附加到div上，当我单击按钮时，向其添加了一个子div。我的观察者监视该父div，并在注意到并更改它时将“ blue”类添加到任何新的div。

在光滑的滑块创建滑块之前，您必须确保代码能够运行。

希望有帮助。

是否有可能操纵jQuery渲染元素

2 个答案: