0

我有 2 个 HTML 文件。

在 First.html 中，我想包含 Second.html。当我点击登录按钮时，我无法从 in js 文件中获取数据或控件。

第一个.html

<!DOCTYPE html>
<html>
  <head>      
    <title>Insert title here</title>    
    <script type="text/javascript" src='js/jquery.js'></script>        
    <script type="text/javascript" src="js/first.js"></script>
</head>
<body>  
     <div id="content"></div>
</body>
</html>

第二个.html

<!DOCTYPE html>
<html>
<head>  
    <script type="text/javascript" src='js/jquery.js'></script>
</head>     
<body>      
<div>
    <div data-role="fieldcontain">
        <label id="luserid" ><strong>UserId : </strong></label>
        <input type="text" name="userid" id="userid" value="" class="logon" placeholder="Username" required/>
    </div>
    <div data-role="fieldcontain">
        <label id="lpassword"><strong>Password :</strong></label>
        <input type="password" name="password" id="password" class="logon" value="" placeholder="Password" required/>
    </div>
    <div class="ui-body">
        <fieldset class="ui-grid-a">                            
                <div class="ui-block-a"><a data-role="button" id="loginbtn" data-theme="b">Login</a></div>                          
        </fieldset>
    </div>              
</div>
</body>
</html>

第一个.js

$(document).ready(function(){   
      $('#content').load('login.html');
      $("#loginbtn").click(function () {
          alert("Inside Login");
      });        
 });

帮我解决这个问题......

4

1 回答 1

0

您应该在回调中附加click处理程序：load

$(document).ready(function(){   
  $('#content').load('login.html', function() {
     $("#loginbtn").click(function () {
      alert("Inside Login");
     });        
  }
});

您的代码失败的原因是，#loginbtn当您尝试设置处理程序时，该元素可能还不存在click。

于 2012-09-17T09:11:10.203 回答