Question

我在索引页上有SVG代码，并且使用.load方法加载带有一些html和关闭按钮的弹出窗口。当我单击弹出窗口中的关闭按钮时，我想更改主页上SVG元素的填充属性，但我认为这不可能。加载的外部文件在子文件夹中。

//code on main page to open the popup
$("#isl1").click(function () {
    $("#opdracht").slideDown({
        duration: 300,
        easing: "easeOutBack"
    })
    .load("opdrachten/opdracht1.html");
});


//close button on external html file
$("#close").click(function () {
    $("#opdracht").slideUp({
        duration: 1000,
        easing: "easeInBack"
    })
    $(this).find('.st7').css('fill', '#ffffff');
});

没有错误，但填充未更改。当我在主页上使用代码时，它可以工作，但是我期望它在加载的页面上不起作用。我希望有人会指出正确的方向。

Answer 1

我将$（this）更改为$（'＃my_svg_id'），就成功了！

是否可以使用外部加载的jQuery脚本更改CSS？

1 个答案: