Получение DIV для автоматической загрузки с помощью jQuery

Question

Я поцарапал мои предыдущие попытки изменить атрибут ID. Есть ли способ сделать содержимое ниже автоматической загрузки, если запросы === 0? Вместо того, чтобы иметь функцию щелчка.

<script language="javascript">
var requests = 10;

function request(self)
{if(self.href != "#")
requests -= 1;

if(requests === 0)

var pageid = function () {
    var thisID = null;
    $('#step').click(function () {
        thisID = this.id;
        $('#content').animate({
            height: getPageHeight()
        },
        700, function () {
            $('#next-page').fadeIn(500);
            $('#content-' + thisID).fadeIn(500, function () {});
        });
        return false;
    });
};
$(window).load(pageid);
function getPageHeight() {
    var windowHeight;
    if (self.innerHeight) windowHeight = self.innerHeight;
    else if (document.documentElement && document.documentElement.clientHeight) windowHeight = document.documentElement.clientHeight;
    else if (document.body) windowHeight = document.body.clientHeight;
    return windowHeight;
}}
</script>

Answer 1

Попробуйте использовать анонимную функцию в вашем событии загрузки следующим образом:

$(window).load(function() {
   if(requests === 0) 
      pageid(); // or whatever you need
});

Но сначала удалите условие if(requests === 0) из вашего кода.

Answer 2

Попробуйте обернуть весь код в это:

$(document).ready(function() { 
    // your code
}

Когда код запускается только после загрузки страницы, вы сталкиваетесь с ситуациями, когда искомый контент просто не готов к использованию (и, возможно, даже не загружается). Поэтому обязательно дождитесь загрузки страницы, прежде чем запускать свой код.

Редактировать

Возможно, что "$ (window) .load (pageid);" это просто неправильный код, но вы должны быть более точными в своих целях, если что-то не работает.

Примерно так:

<script language="javascript">
var requests = 10;

$(document).ready(function() { 
  // Your code here
  // $(window).load(pageid);
});

function request(self)
{if(self.href != "#")
requests -= 1;

if(requests === 0)

var pageid = function () {
    var thisID = null;
    $('#step').click(function () {
        thisID = this.id;
        $('#content').animate({
            height: getPageHeight()
        },
        700, function () {
            $('#next-page').fadeIn(500);
            $('#content-' + thisID).fadeIn(500, function () {});
        });
        return false;
    });
};

function getPageHeight() {
    var windowHeight;
    if (self.innerHeight) windowHeight = self.innerHeight;
    else if (document.documentElement && document.documentElement.clientHeight) windowHeight = document.documentElement.clientHeight;
    else if (document.body) windowHeight = document.body.clientHeight;
    return windowHeight;
}}
</script>