JQuery Contactモーダルプラグインは、Visual Studio CasiniブラウザやIISから実行されません。

Visual Studioからデモを実行しようとしていますが、CasiniブラウザとIISが組み込まれています。JQuery Contactモーダルプラグインは、Visual Studio CasiniブラウザやIISから実行されません。

ただし、これはzipファイルからHTMLを起動するだけで動作します。

デモを実行するには、HTMLがわずかに変更されているため、PHPが有効になっているWebサーバーが必要です。

はここでわずかに変更されたHTMLです：jQueryのJavaScriptのファイルや大規模なCSSファイルを貼り付ける方法

<!DOCTYPE html> 
<html> 
<head> 
<title> SimpleModal Contact Form </title> 
<meta name='author' content='Eric Martin' /> 
<meta name='copyright' content='2010 - Eric Martin' /> 

<!-- Page styles --> 
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' /> 

<!-- Contact Form CSS files --> 
<link type='text/css' href='css/contact.css' rel='stylesheet' media='screen' /> 

<!-- JS files are loaded at the bottom of the page --> 
</head> 
<body> 
<div id='container'> 
<div id='logo'> 
    <h1>Simple<span>Modal</span></h1> 
    <span class='title'>A Modal Dialog Framework Plugin for jQuery</span> 
</div> 
<div id='content'> 
    <div id='contact-form'> 
     <h3>Contact Form</h3> 
     <p>A contact form built on SimpleModal. Demonstrates the use of the <code>onOpen</code>, <code>onShow</code> and <code>onClose</code> callbacks, as well as the use of Ajax with SimpleModal.</p> 
     <p>To use: open <code>data/contact.php</code> and modify the <code>$to</code> and <code>$subject</code> values. To enable/disable information about the user, configure the <code>$extra</code> array.</p> 
     <p><strong>Note:</strong> This demo must be run from a web server with PHP enabled.</p> 
     <input type='button' name='contact' value='Demo' class='contact demo'/> or <a href='#' class='contact'>Demo</a> 
    </div> 
    <!-- preload the images --> 
    <div style='display:none'> 
     <img src='images/contact/loading.gif' alt='' /> 
    </div> 
</div> 
<div id='footer'> 
    &copy; 2010 Eric Martin | <a href='http://www.ericmmartin.com/'>ericmmartin.com</a> | <a href='http://twitter.com/ericmmartin'>@ericmmartin</a> | <a href='http://twitter.com/simplemodal'>@simplemodal</a> 
</div> 
</div> 
<div id='modal-contact-form' style='display:none'> 
<div class='contact-top'></div> 
<div class='contact-content'> 
    <h1 class='contact-title'>Send us a message:</h1> 
    <div class='contact-loading' style='display:none'></div> 
    <div class='contact-message' style='display:none'></div> 
    <form action='#' style='display:none'> 
     <label for='contact-name'>*Name:</label> 
     <input type='text' id='contact-name' class='contact-input' name='name' tabindex='1001' /> 
     <label for='contact-email'>*Email:</label> 
     <input type='text' id='contact-email' class='contact-input' name='email' tabindex='1002' /> 
     <label for='contact-subject'>Subject:</label> 
     <input type='text' id='contact-subject' class='contact-input' name='subject' value='' tabindex='1003' /> 
     <label for='contact-message'>*Message:</label> 
     <textarea id='contact-message' class='contact-input' name='message' cols='40' rows='4' tabindex='1004'></textarea> 
     <br/> 
     <label>&nbsp;</label> 
     <input type='checkbox' id='contact-cc' name='cc' value='1' tabindex='1005' /> <span class='contact-cc'>Send me a copy</span> 
     <br/> 
     <label>&nbsp;</label> 
     <button type='submit' class='contact-send contact-button' tabindex='1006'>Send</button> 
     <button type='submit' class='contact-cancel contact-button simplemodal-close' tabindex='1007'>Cancel</button> 
     <br/> 
    </form> 
</div> 
<div class='contact-bottom'><a href='http://www.ericmmartin.com/projects/simplemodal/'>Powered by SimpleModal</a></div> 
</div> 
<!-- Load JavaScript files --> 
<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/contact.js'></script> 
</body> 
</html>

イムわかりません。私はデモサイトからダウンロードしました。

http://www.ericmmartin.com/projects/simplemodal-demos/ - お問い合わせモーダル -

出典

2011-02-09 Paul

Contact Modal Pluginの著者は私に更新されたjsファイルを提供しました。これは今、.aspxファイルから実行されます。 .jsファイルで正確に何が変更されたのかわかりませんが、誰かが助けが必要な場合は私に知らせてください！ – Paul