的index.php
//php mobile detect and load this php
<?php
echo "<script type='text/javascript' src='../script/classindex.js'></script>";
echo "<script type='text/javascript' src='../script/indexcontroller.js'></script>";
?>
<div id="index-main" class="indexMain" data-menu="main">
<ul id="index-main-ul" class="indexMain__ul"></ul><!-- end of menu-main-ul -->
</div>
这是我的主页我想在这里控制我所有的html元素,在这里我使用php加载2 js脚本(我需要使用php加载js)。
classindex.js
var ClassMenuSetup = function (){};
ClassMenuSetup.prototype.addCss = function (_setroot){
var case_root = "#" + _setroot;
switch(case_root){
case "#getbox":
$(".getBox").css('box-shadow', '3px 0 0 #6441a4 inset');
break;
}
}
这个类js哪个容器是我的所有函数类型和addCss,当它与case匹配时,然后将css添加到getBox html元素。
indexcontroller.js [ClassMenuSetupObject.addCss函数无法正常工作];
$(document).ready(function() {
// load extra html element to index page
$('#index-main-ul').load('mainmenu.php');
});
$(window).load(function() {
// the function here wont work , it didt at the css when start.
var ClassMenuSetupObject = new ClassMenuSetup();
var set = "getbox";
ClassMenuSetupObject.addCss(set);
});
这个js会将额外的html元素加载到索引页面,然后页面完成,我从class(index)里面的classindex.js启动函数.load
mainmenu.php
<!-- EXTRA MENU -->
<li class="menuMain__ul__li">
<ul id="extra-menu" data-menu="main" class="extraMenu">
<li class="extraMenu__item"><a class="getBox" data-submenu="box" href="">getbox</a></li>
</ul>
</li>
这是额外的html将加载到索引页面,注意到很多。
index.js上的函数不会工作。
问题
1.如何让classMenuSetupObject.addCss在index.js上运行并将css添加到我的getBox中?