2012-11-13 25 views
0

我有jquery插件,但在頁面加載它的作品,但是當我將它與我的PHP腳本整合它似乎不load.I檢查路徑,但沒有成功。只要在頁面加載我想要的窗口顯示的onload看看我的代碼,我把頭標記請原諒的格式:基本模式不工作頁面加載php

<?php session_start(); ?>  
<!DOCTYPE html> 
<html> 

    <head> 
     <title>SimpleModal Basic Modal Dialog</title> 
     <meta name='author' content='Eric Martin' 
     /> 
     <meta name='copyright' content='2012 - Eric Martin' /> 
     <link type='text/css' href='../css/demo.css' rel='stylesheet' media='screen' 
     /> 
     <link type='text/css' href='../css/basic.css' rel='stylesheet' media='screen' 
     /> 
     <script> 
      window.onload = function() { 
       $(document).ready(function() { 
        $('#basic-modal-content').modal(); 
        return false; 
       }); 
       $('#modalContentTest').modal({ 
        onShow: function (dialog) { 
         var sm = this; 
         dialog.container.animate({ 
          height: 300, 
          width: 300 
         }, 500, function() { 
          sm.setPosition(); 
         }); 
        } 
       }); 

      }; 
     </script> 
     <style> 
      .noTitle .ui-dialog-titlebar { 
       display:none; 
      } 
     </style> 
    </head> 

....我的身體標記之間有PHP腳本

+0

您的模態內容是否顯示在您的HTML中,或者是否被創建的內容「我有php腳本的正文標籤之間」阻止。你需要檢查你的'#basic-model-content'是否顯示出來......以及'body'標籤之間。否則代碼將無能爲力...... – Luke

+0

我的php代碼是一個上傳腳本,當我只是做一個簡單的回聲你好它的工作原理。 – Mervyn

+0

我無法找到任何js庫的莫代爾,加上你爲什麼使用window.onload $(document).ready –

回答

0

我認爲你的問題是在window.onload和jquery $(document).ready的結合中。

當DOMContentLoaded事件被觸發時(jQuery在不支持它的瀏覽器上模擬這個),觸發「ready」方法,而當所有附加內容(css,images)被加載時window.onload觸發 - 之後發生。

因此,當您綁定「就緒」事件時,事件已經被觸發並且不會再次觸發。

我建議刪除window.onload包裝函數。

  $('#modalContentTest').modal({ 
       onShow: function (dialog) { 
        var sm = this; 
        dialog.container.animate({ 
         height: 300, 
         width: 300 
        }, 500, function() { 
         sm.setPosition(); 
        }); 
       } 
      }); 
      $(document).ready(function() { 
       $('#basic-modal-content').modal(); 
       return false; 
      }); 

下面是關於這些two events

一些細節的另一個關注我的是,申報模式(#modalContentTest)的ID是你試圖觸發一個(#基本-modal-不同內容)

+0

我需要onload事件我刪除它,當我加載默認沒有任何事發生 – Mervyn

+0

然後省略$(文檔).ready事件,只需觸發$(「#basic-modal-content」)。 – nxtwrld

+0

恐怕它不工作,當我剛剛觸發出來的PHP代碼它帶出只有框 – Mervyn