如何使用JavaScript或jQuery加载/链接基于页面上的HTML类的脚本?
我下载了一个脚本,当检测到桌面/mobile/tablet时,它会在HTML中放置一个类,并希望在其中一个js文件基础上为桌面用户加载一个js文件。
<html lang="en" class="desktop">
<html lang="en" class="tablet">
<html lang="en" class="mobile">因此,我想要的是在分配“桌面”类时链接/加载js文件。
如果是.desktop,那么加载./ then file.js
很抱歉对此一无所知,我做了一个搜索,找不到一个答案,我知道如何实现。
发布于 2013-12-15 22:30:03
一种方法是
if ($('html').is('.desktop')){
$.getScript('url_of_js_file.js');
}
// You could also use .hasClass('desktop')但是,如果您调用JS文件desktop.js、tablet.js等,则可以这样做,以避免if/else丛林。
var htmlclass=$('html').prop('class');
$.getScript(htmlclass + '.js');发布于 2013-12-15 22:29:54
您可以使用jQuery函数jQuery.getScript():http://api.jquery.com/jQuery.getScript/
所以你会做这样的事:
if($(".classname")[0]) {
//call getScript
}发布于 2013-12-15 22:56:56
另一种解决方案是只使用一个类并使用css媒体查询修改类。看看引导,了解如何做到这一点的例子。在我看来,这会简化一些事情。
https://stackoverflow.com/questions/20600646
复制相似问题