0

誰もが私を助けてくれます。私は次の行で問題を説明しました。

one.htmlでsecond.htmlを呼び出したい。

second.html内に、scriptタグを使用してsecond.jsを含めました。

ブラウザ（safari、chorme、firefox）でsecond.htmlを直接呼び出すと、FINEで動作します。

しかし、one.html内でsecond.htmlを呼び出すと、second.js（second.htmlでは呼び出せません）が機能しません。

私を助けてください。コードを添付しました。 one.html

<!DOCTYPE html> 
<html> 
  <head> 
    <title>Page Title</title> 
    <link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" />
    <script src="jquery-1.4.4.min.js"></script>
    <script src="jquery.mobile-1.0a2.min.js"></script> 
    <script src="Scripts/one.js"></script>
  </head> 
  <body> 

    <div data-role="page">
      <a href="Views/second.html" data-role="button" class="ui-btn-right">One</a>
    </div>

  </body>
</html>

Second.html

<!DOCTYPE html> 
<html> 
  <head> 
    <title>Sample </title> 
    <link rel="stylesheet" href="../jquery.mobile-1.0a2.min.css" />
    <script src="../jquery-1.4.4.min.js"></script>
    <script src="../jquery.mobile-1.0a2.min.js"></script>
    <script type="text/javascript" src="../Scripts/second.js"></script>
  </head> 
  <body>
    <div data-role="page">   
      <div data-role="button" id="link" >Second</div>
    </div><!-- /page -->
  </body>
</html>

one.js

$(document).ready(function()
{     
    alert('one.js');                    
});

second.js

$(document).ready(function()
{     
    alert('second.js');                    
});

ありがとう

4

2 に答える 2

1

私が読んだところによると、jQuery mobile Ajaxページは、新しいコンテンツが表示されたときにreadyイベントを発生させません。ほとんどの場合、すべての'data-role = "page"'要素のpagecreateイベントにバインドし、second.htmlの要素のIDが存在するかどうかを確認する必要があります。

このドキュメントページのコメントセクションには、これに対するいくつかの潜在的な修正があります：http: //forum.jquery.com/topic/mobile-events-documentation

于 2010-12-10T05:27:35.650 に答える
1

リンクは別のページへの単なる参照です。クリックする前にブラウザが実際にロードすることはありません（とにかく、最初のページのスクリプトに関する限り）。

別のページのスクリプトにアクセスする場合は、次の2つの条件を満たす必要があります。

  1. 2つのページは同じドメインからのものである必要があります（セキュリティ上の理由から）。

  2. 2つのページを同じウィンドウにロードする必要があります（たとえば、を使用してiframe）。

何を達成したいのかを尋ねる新しい質問を投稿してください。別の解決策があるかもしれません。

于 2010-12-10T15:53:29.253 に答える