2013-05-22 107 views
0

我有我的網站,其主頁的索引html頁面。 在索引html中我有一個按鈕,並通過點擊它我想要打開一個彈出窗體,我有索引html中包含此彈出窗口的js文件和css文件。打開js通過點擊一個按鈕彈出

我只是不能打開這個動畫彈出通過點擊輸入類型按鈕.. 任何人都可以幫助我嗎?

the clouds js: 

     $(function() 
{ 
    // Register Smart skin. 
    $.speedoPopup.registerSmartSkin('clouds', function (overlay, container) 
    { 
     // We don't want to brake anything if there is no overlay. 
     if (!overlay) 
     { 
      return ; 
     } 

     if ($.speedoPopup.browser_ie && $.speedoPopup.browser_ie< 9) 
     { 
      return; 
     } 

     var clouds = '<div class="cloud x1"></div><div class="cloud x2"></div><div class="cloud x3"></div><div class="cloud x4"></div><div class="cloud x5"></div>'; 

     overlay.append(clouds); 
    }); 
}); 

指數的html:head標籤

<link type='text/css' href='clouds/clouds.css' rel='stylesheet' media='screen' /> 
<script type='text/javascript' src='clouds/clouds.js'></script> 

和下面的按鈕:

<div> 
<input type='button' name='clouds' value='Clouds'/> 
</div> 
+0

有你在你的文件的''包括jQuery的一個div?另外,嘗試在jsfiddle中設置你的問題。 – zik

+0

是的..這是我寫的.. clouds.js包括擡頭 – shmnsw

回答

0

你必須調用上點擊

讓我們給你扣一個id對話

<div> 
<input id="btnDialog" type='button' name='clouds' value='Clouds'/> 
</div> 

現在創建要在對話框

<div id="divContentToPopup"> 
    ...content here... 
</div> 

顯示現在你必須在它鉤click事件

$('#btnDialog').click(function() 
{ 
    $(this).speedoPopup(
    { 
     width:550, 
     height:265, 
     useFrame: TRUE, 
     href: '#divContentToPopup' 
    }); 
}); 
+0

好吧,我明白了。點擊事件代碼應該在我的js文件中或作爲html頁面中的腳本? – shmnsw

+0

您想放置點擊處理程序的位置由您決定...現在將其保留在腳本標記的頁面中 –