初期ロード時のシンプルモーダルダイアログ

一般的には、JQueryとWeb devの新機能です。私は確認オーバーライドsimplemodalのデモを動作させるように努力しています。そのため、私のサイトの初期ロード時に警告が表示されます。初期ロード時のシンプルモーダルダイアログ

以下は標準サンプルですが、私は$(document).ready()関数を含めて、起動時にモーダルダイアログを表示しています。

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' /> 
<link type='text/css' href='css/confirm.css' rel='stylesheet' media='screen' /> 
<script type='text/javascript' src='js/jquery.js'></script> 
<script type='text/javascript' src='js/jquery.simplemodal.js'></script> 
<script type='text/javascript' src='js/confirm.js'></script> 

<script language="JavaScript" type="text/javascript"> 
    $(document).ready(function() { 
     $('#confirm-dialog').modal();  
    }); 
</script> 
</head> 
<body> 
<div id='container'> 

    <div id='content'> 
     <div id='confirm-dialog'> 
      <input type='button' name='confirm' class='confirm' value='Demo'/> 
     </div> 

     <!-- modal content --> 
     <div id='confirm'> 
      <div class='header'><span>Confirm</span></div> 
      <div class='message'></div> 
      <div class='buttons'> 
       <div class='no simplemodal-close'>No</div><div class='yes'>Yes</div> 
      </div> 
     </div> 
     <!-- preload the images --> 
     <div style='display:none'> 
      <img src='img/confirm/header.gif' alt='' /> 
      <img src='img/confirm/button.gif' alt='' /> 
     </div> 
    </div> 
</div> 

</body> 
</html>

ただし、これは発生しません、とのFirebugと何私の限られた経験から、私はすべてのエラーを見ることができないので、問題である私のコードのロジックでなければなりませんか？

出典

2012-03-12 Simon

試してからjquery.uiファイルをダウンロードすることができます。 – Abhidev

JSFiddleで私のために働いています。 jQueryのUIライブラリーの.dialog方法使用について何を：

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' /> 
<link type='text/css' href='css/confirm.css' rel='stylesheet' media='screen' /> 
<script type='text/javascript' src='js/jquery.js'></script> 
<script type='text/javascript' src='js/jquery.ui.js'></script> 
<script type='text/javascript' src='js/confirm.js'></script> 

<script language="JavaScript" type="text/javascript"> 
    $(document).ready(function() { 
     $('#confirm-dialog').dialog({modal: true});  
    }); 
</script> 
</head> 
<body> 
<div id='container'> 

<div id='content'> 
    <div id='confirm-dialog'> 
     <input type='button' name='confirm' class='confirm' value='Demo'/> 
    </div> 

    <!-- modal content --> 
    <div id='confirm'> 
     <div class='header'><span>Confirm</span></div> 
     <div class='message'></div> 
     <div class='buttons'> 
      <div class='no simplemodal-close'>No</div><div class='yes'>Yes</div> 
     </div> 
    </div> 
    <!-- preload the images --> 
    <div style='display:none'> 
     <img src='img/confirm/header.gif' alt='' /> 
     <img src='img/confirm/button.gif' alt='' /> 
    </div> 
</div> 
</div> 

</body> 
</html>

をあなたはスクリプトタグから言語属性を削除here

出典

2012-03-12 08:01:15

ありがとうございますが、変更はありません。 – Simon

例を編集してより明確にしました。〜を見てください... –

私はまだこれを動作させることはできません。私はJSFiddleに慣れていませんが、マシンにこれをコピーし、firebugでfirefoxでテストしても、デモボタンをクリックしない限り、モーダルポップアップは起動しません。私はこのコードが非常に近いと確信しています。 – Simon

初期ロード時のシンプルモーダルダイアログ

答えて

関連する問題