0

私の問題は、新しいページが読み込まれたときに関数を実行することです。2 つのページ (index.html と location_page.html) があります。最初のものには、ラベルのリストがあります。ユーザーがこのリストの 1 つの要素をクリックすると、関連する情報を動的にロードする必要がある 2 番目のページにリダイレクトされます。関数を使用しようとしましたreadyが、機能しません。これが私のjQueryコードです

$("#location_title").ready(function(e){
    console.log("executing the function");
});

ここにHTMLがあります

<div class="location_info">
    <div class="location_text">
    <div id="location_title"></div>
        <div id="location_description"></div>
    </div>
    <div class="location_img"><img src="./img/strutture01.jpg" class="location_image"/></div>           
     </div>  

最初のページにもこのようなメソッドがあり(「準備完了」関数を呼び出します)、機能しますが、2番目のページでは機能しません。

4

3 に答える 3

0

次のようなクエリ文字列を渡しますlocation_page.html?info=1

この関数を使用して、クエリ文字列値を取得します。

function getParameterByName(name)
{
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.search);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

したがって、ドキュメントの準備ができたら、関数を呼び出します

$(document).ready(function(){  
    value = getParameterByName("info");
    if (value == '1')
    {
        $("#location_title").show();
        // Do your stuff
    }
    console.log("executing the function");  
});

getParameterByName()関数は、JavaScriptでクエリ文字列値を取得するから取得されます

アップデート:

これを交換してください

$("#location_title").ready(function(e){   

$(document).ready(function(){
于 2012-07-01T09:55:06.760 に答える
0

onLoadHTMLタグでHTML属性を使用してみて<body>、そこからJavascriptで関数を呼び出します。

すなわち私はJavascript;

function doSomeThing(){ /*your code*/ }

およびHTMLで。

<body onload='doSomething()'>
   <!-- your html body -->
</body>

それが役に立てば幸い :-)

于 2012-07-01T09:56:12.203 に答える
0

そのためには、単純な自己実行型の匿名が必要になります。

(function() {
    $("#location_title").ready(function(e){
        console.log("executing the function");
    });
})();
于 2012-07-01T09:56:14.363 に答える