Question

我的问题是在加载新页面时执行一个功能。我有两个页面（index.html和location_page.html）。在第一个中有一个标签列表。当用户单击此列表中的一个元素时，他将被重定向到应动态加载相关信息的第二个页面。我试图使用函数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>

第一页也有这样的方法（我称之为'ready'函数）并且它可以工作，但它在第二页上不起作用。

Answer 1

传递一个名为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() 功能取自 Get query string values in JavaScript

UPDATE：

替换此

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

带

$(document).ready(function(){

Answer 2

尝试在HTML onLoad标记中使用HTML <body>属性，然后在Javascript中调用您的函数..

即。我Javascript;

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

和HTML;

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

希望它有所帮助： - ）

Answer 3

为此，你需要一个简单的自动执行匿名：

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

如何在加载时动态更改页面内容

3 个答案:

UPDATE：