时间戳

首页 > 解决方案 > 通过jquery附加css文件但css文件不起作用

javascript - 通过jquery附加css文件但css文件不起作用

问题描述

我有一个Jquery代码追加Css和Js文件来创建一个带有 Owlcarousel 的横幅滑块。

jquery 代码已将两者都附加到html. 该功能.owlCarousel()工作正常，但CSS没有。GET在控制台中，它只有owl.carousel.js文件。

我发现最喜欢的是我已经尝试过但算不上它的工作。

jQuery

$(document).ready(function(){
        var u = document.createElement("link");
        u.type = "text/css";
        u.href = "https://myurl/OwlCarousel/dist/assets/owl.carousel.css";
        $("#lookbookslider-2").append(u);

        var t = document.createElement("script");
        t.type = "text/javascript";
        t.src = "https://myurl/OwlCarousel/dist/owl.carousel.js";
        $("#lookbookslider-2").append(t);
        $.getScript("https://myurl/OwlCarousel/dist/owl.carousel.js");

  $("#lookbookslider-2").append("html here");

});

我无权访问html文件。我只能使用我的 js 文件。如何使 css 文件正常工作？还是我必须直接附加所有样式？

标签： javascriptjquery

解决方案

rel将属性添加到链接-：

 u.rel  = 'stylesheet';

推荐阅读