2013-06-15 1 views
1

여러 스크립트를로드해야하는 사이트에서 작업하고 있습니다. 그러나 지금은 그 중 한두 가지가로드되지 않습니다.여러 스크립트를 충돌없이로드하는 방법은 무엇입니까?

아래에있는 것보다 페이지에 스크립트를로드하는 더 좋은 방법이 있습니까? 당신은 Require.js에서 살펴 수

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Alarm of America</title> 


<script type="text/javascript" src="java/jquery-1.10.1.min.js"></script> 

<script type="text/javascript" src="java/jkmegamenu.js"></script> 

<script type="text/javascript"> 
    jkmegamenu.definemenu("megaanchor0", "megamenu0", "mouseover"); 
    jkmegamenu.definemenu("megaanchor2", "megamenu2", "mouseover"); 
    jkmegamenu.definemenu("megaanchor3", "megamenu3", "mouseover"); 
    jkmegamenu.definemenu("megaanchor4", "megamenu4", "mouseover"); 
</script> 




<script type="text/javascript" src="java/slides.js"></script> 


<script type="text/javascript" src="curvycorners.src.js"></script> 





<script type="text/javascript"> 
$('#mainbanner').ready(function() { 
     $("#slides").slidesjs({ 
     width: 842, 
     height: 325, 
    play: { 
     active: false, 
     // [boolean] Generate the play and stop buttons. 
     // You cannot use your own buttons. Sorry. 
     effect: "fade", 
     // [string] Can be either "slide" or "fade". 
     interval: 2000, 
     // [number] Time spent on each slide in milliseconds. 
     auto: true, 
     // [boolean] Start playing the slideshow on load. 

     pauseOnHover: true, 
     // [boolean] pause a playing slideshow on hover 
     restartDelay: 2500, 
     // [number] restart delay on inactive slideshow 

    }, 

    navigation: false 



     }); 
    }); 
    </script> 

<link href="style.css" rel="stylesheet" type="text/css" /> 

</head> 
+0

로드하지 않는다고 할 때, 당신은 무엇을 의미합니까? 오류가 있습니까? 함수가 포함되기 전에 ('jkmegamenu.definemenu'와 같이) 함수를 호출하려고 할 가능성이 있습니다. 또한, jquery onready 핸들러를 사용하려면'# mainbanner'가 아닌'document' 셀렉터를 사용해야합니다 : } $ (document) .ready (function() { // Handler for));'. http://api.jquery.com/ready/ – Alfie

답변

1

(http://www.pushpinevents.com/alarm 참조). 스크립트로드에 구조와 확실성을 제공하는 파일 및 모듈 로더입니다.

+0

살펴보기 ... 기본적으로 이미지 슬라이더가로드되지 않고 이미지 공간이 비어있는 경우가 있습니다. 때로 메가 메뉴가로드되지 않고 메뉴가 페이지에서 벗어나 렌더링됩니다. 기타... –

관련 문제