Bootstrap 操作获取仅在第一次时有效

nr7wwzry  于 2022-12-20  发布在  Bootstrap
关注(0)|答案(2)|浏览(201)

首先感谢您的任何帮助,你可以给予我。我希望能够动态激活/停用合作伙伴的状态。

每次状态更改时,都会打开一个Bootstrap模态

状态正确更改,但屏幕变灰,就好像我的模态窗口在没有模态的情况下仍然打开

我看不到我的错误来解决这个问题。我还是个新手,所以任何帮助都将不胜感激。这是我的代码

// Activation ou désactivation dynamique d'un partenaire

//On boucle sur les input
document.querySelectorAll(".form-switch-statut-partenaire input").forEach(input => {
    input.addEventListener("change", () => {

        //On récupère l'url de la route edit-statut
        const Url = input.dataset.path;

        const Modal = document.getElementById('exampleModal')
        const Footer = Modal.getElementsByClassName('modal-footer')[0].children[1]

        Footer.addEventListener("click", () => {

            //On lance la requête ajax
            fetch(Url)
            .then((response) => {
                console.log(response);
                return response.json()
            }).then(data => {
                console.log(data)
                const content = document.querySelector('#formCheck');
                content.innerHTML = data.content;
            }).catch((err) => console.log('Erreur : '+ err));     
         })
    });
});
mzaanser

mzaanser1#

你好朋友,你应该基本上尝试这样的东西
当您开始请求时,
如果你用这样的方法

onSuccess: () => {
            onClose();
        }

这是针对axios,不适用于ajax
一定有类似的东西
您还必须能够直接在按钮上添加关闭
像这样

<Button onClick={() => onClose()}>
       oui
    </Button>

或者类似的东西
我希望我帮了你一点忙
内夫

xoefb8l8

xoefb8l82#

谢谢你宝贵的帮助。不过我解决了问题的模态。这是我的代码的时刻。

// Activation ou désactivation dynamique d'un partenaire

//On boucle sur les input
document.querySelectorAll(".form-switch-statut-partenaire input").forEach(input => {
    input.addEventListener("change", () => {

        //On récupère l'url de la route edit-statut
        const Url = input.dataset.path;

        const Modal = document.getElementById('exampleModal')
        const Footer = Modal.getElementsByClassName('modal-footer')[0].children[1]

        Footer.addEventListener("click", () => {
            
            $("[data-dismiss=modal]").trigger({ type: "click" });
            //On lance la requête ajax
            fetch(Url)
            .then((response) => {
                console.log(response);
                return response.json()
            }).then(data => {
                console.log(data)
                const content = document.querySelector('#formCheck');
                content.innerHTML = data.content;
            }).catch((err) => console.log('Erreur : '+ err));     
         })
    });
});

它第一次工作,但只要我再次点击输入模态打开,但行动不再工作。我需要刷新页面。我在这个问题上卡住了...

相关问题