Question

我有一个xml文件，其中包含一些css和脚本链接我想在页面加载时动态应用这个我想在页面加载时这样做请帮助吗？

xml File---


<template>
<theme id="1" name="default">
<css>
<name>css/style.css</name>
<name>css/normalize.css</name>
<name>css/grid.css</name>
<name>css/prettyPhoto.css</name>
</css>
<js>
<name>js/jquery.easing.1.3.js</name>
 <name>js/jquery.prettyPhoto.js</name>
 <name>js/js.js</name>
 <name>js/jquery.stellar.min.js</name>
 <name>js/waypoints.min.js</name>
</js>
</theme>
</template>

我使用jquery完成了这个，但问题是我在之间添加调试器脚本和使用firebug css和js应用和逐步执行代码没有调试器加载头但不适用anyOne建议 Xml文件---

 jquery Code implemented in aspx file



<script src="templates/1/jquery.xml2json.js"></script>
<script type="text/javascript">
//debugger
$.get('templates/1/SettingBasic2.xml', function (xml) {
var newTemplate = $.xml2json(xml);
$(newTemplate).each(function (key, data) {
$(window).load(function () {
switch (data.theme['name']) {
default:
$(data.theme['css']['name']).each(function (key_css, css) {
$('head').append('<link rel="stylesheet" href="' + css + '" type="text/css" media="all" />');
  });
  val = '';
  $(data.theme['js']['name']).each(function (key_js, js) {
  val += '<script type="text/javascript" src="' + js + '"></\script>';
  });
  $('head').append(val);
  break;
  }
     });
        });

    </script>

Answer 1

我想说你应该使用JS代替使用，loadCSS.js来加载动态css，控制放置什么，你也可以在加载时监听。对于脚本，使用$ script.js这是你可以找到或使用的最小的lib需要js，这对于这些东西是最好的，但是仅仅加载脚本就太过分了。

如何动态应用css和js

1 个答案: