首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery Cookbook模式按钮

Jquery Cookbook模式按钮
EN

Stack Overflow用户
提问于 2010-02-06 03:39:10
回答 1查看 447关注 0票数 1

我已经做了两天了,似乎就是搞不懂。基本上,我从头开始使用JQuery Cookbook模式。我的问题是表单html页面加载正常,但是代码无法识别我的提交按钮。以下是代码的相关部分:

单独的HTML:

代码语言:javascript
运行
复制
<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>

以下是模式代码的相关部分:

代码语言:javascript
运行
复制
// 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");
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-02-06 06:12:13

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2209877

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档