时间戳

首页 > 解决方案 > 是否可以使用外部加载的 jQuery 脚本更改 CSS？

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

问题描述

我的索引页面上有 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');
});

没有错误，但填充没有改变。当我在主页上使用代码时它可以工作，但我希望它不会在加载的页面上工作。我希望有人会指出我如何去做这件事的正确方向。

标签： jquerycssexternal

解决方案

我将 $(this) 更改为 $('#my_svg_id') 就成功了！

推荐阅读