功能不会从额外的负载(); HTML元素

时间:2016-11-11 17:12:43

标签: jquery

的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中?

0 个答案:

没有答案