Блог

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

 // Load the article into container_article.
container_article.load(path, function(){

    // Get the width of the loaded article first.
    var width_article = container_article.width();

    // Add the article width into the existing content container width.
    scroll_content.width(scroll_content.width()   width_article   2);

    // Get the position of current requested article.
    var block_request = $('.block-'  request).css({background:'red'});
    var position_request = $('.block-'  request).position();
    alert(position_request.left);
    //alert(block_request.offset().left);

    // Get the percentage of the handle.
    var scroll_maximum = scroll_content.width() - scroll_frame.width();
    var percentage = Math.round((position_request.left/scroll_maximum) * 100);

    // Send the percentage to scrollbar.
    scrollbar.slider("value",percentage);

    // Attach other functions.
    exit_article (container_article);

});
  

Результаты,

 // 311 (block 1)
// 915 (block 2)
// 1120 (block 3)
// 1420 (block 4)
// 1375 (block 5)
  

но они должны быть,

 // 307.44 (block 1)
// 922.32 (block 2)
// 1511.58 (block 3)
// 2126.46 (block 4)
// 2562 (block 5)
  

Вот весь код в jsfiddle.

Вот тестовый сайт.

Есть идеи, как я могу получить правильные цифры?