初始加载时的simplemodal对话框

JQuery和web dev一般的新手。我一直试图让确认覆盖simplemodal演示工作，所以它弹出与我的网站的初始加载警报。初始加载时的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 2012-03-12 07:33:15

它适用于我在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 2012-03-12 08:07:18

我编辑了这个例子，使其更加清晰。请看... – 2012-03-12 08:40:43

我仍然无法得到这个工作。我不熟悉JSFiddle，但是如果我将它复制到我的机器上，并用firebug在firefox中测试，它仍然不会触发模式弹出窗口，除非我单击演示按钮。我相信这段代码看起来非常接近。 – Simon 2012-04-15 04:45:35

初始加载时的simplemodal对话框

回答

相关问题