0

私は2つのHTMLファイルを持っています。

First.html に Second.html を含めたいと思います。ログインボタンをクリックすると、jsファイルからデータまたはコントロールを取得できませんでした。

First.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>

Second.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>

first.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 に答える