Javascript Jquery Cookbook模式按钮

Javascript Jquery Cookbook模式按钮,javascript,jquery,events,modal-dialog,button,Javascript,Jquery,Events,Modal Dialog,Button,我做这件事已经两天了,似乎还没弄明白。基本上,我从零开始使用JQuery Cookbook模式。我的问题是表单html页面加载正常,但代码无法识别我的提交按钮。以下是代码的相关部分: 单独的HTML: <div id="contact"> <form action="" id="register_form" method="post"> <p>First Name <br /> <input type="text" i

我做这件事已经两天了,似乎还没弄明白。基本上,我从零开始使用JQuery Cookbook模式。我的问题是表单html页面加载正常,但代码无法识别我的提交按钮。以下是代码的相关部分:

单独的HTML:

<div id="contact">
  <form action="" id="register_form" method="post">
    <p>First Name <br />
      <input type="text" id="firstname" name="firstname" /></p>
    <p>Last Name <br />
      <input type="text" id="lastname" name="lastname" /></p>
    <p>Username: <span class="micro">Must be a valid email address</span></span><br />
      <input type="text" id="username" name="username" /></p>
    <p><input type="submit" value="Register" id="register" /></p>
  </form>
</div>
以下是模态代码的相关部分:

// Insert modal at end of </body>.
$('body').append('<div id="modal_wrapper"><!--[if IE 6]><iframe id="modal_iframe" frameborder="0"></iframe><![endif]--><div id="modal_overlay"></div><div id="modal_window"><div id="modal_bar"><strong>Modal window</strong><a href="#" id="modal_close">Close</a></div><div id="modal_content"><div id="contact"><form><p><input id="firstname" /></p><p><input id="register" /></p></form></div></div></div>');

$('#modal_content').load('mediaKitF.html#contact'.replace('#', ' #'), '', showModal);

$("input[type=text]").focus(function(){
  // Select field contents
  this.select();
});

$('input #firstname').focus();

$('#register').click(function () {
  alert("hello there");
});

$'modal_content'.load是一种异步方法,这意味着在接收新内容之前,您试图将单击事件附加到$'register'元素。您需要使用$'register'.live'click',函数{},或者将附加click处理程序的代码移动到showModal函数中。

什么意思是“将无法识别”-发生了什么?它不会呈现在页面上吗?它没有提交吗?当我点击模式上的注册按钮时,没有任何响应。注册按钮实际上是来自外部页面而不是父页面的HTML。如果这不是金色箭头的话,那么它就像一个符咒!在这个星期五,万分感谢!!!