JQuery Overlay По умолчанию позиционирование

Question

У меня есть инструменты jquery, накладывающиеся на один мой блог Wordpress, и у меня есть код, который держит его в том месте, где я хочу, чтобы оно было, когда я изменяю размер окна. Но при первом нажатии для загрузки наложения он отображается в центре страницы, мне нужно, чтобы он установил влево дополнительный 250 пикселей.

Heres мой код для позиционирования:

$(document).ready(function() { setDef() }); 

function setDef() { 
var w = $('.simple_overlay').width();//get width of overlay 
    var h = $('.simple_overlay').height(); //get height of overlay 
    var l = ($(window).width() - w)/2 + 250; //calculate left property 
    var t = ($(window).height() - h)/2 //calculate top property 
$('.simple_overlay').css({ 'left': l }) 
} 

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

$(window).resize(function() { rePosition() }); 

function rePosition() { 
    var w = $('.simple_overlay').width();//get width of overlay 
    var h = $('.simple_overlay').height(); //get height of overlay 
    var l = ($(window).width() - w)/2 + 250; //calculate left property 
    var t = ($(window).height() - h)/2 //calculate top property 
    $('.simple_overlay').css({ 'left': l }) 

Я думаю, что нужно использовать что-то другое, чем (документ) .ready

PS- Вы можете закрыть накладку, нажав в правом верхнем углу, Тереза ​​нет визуального индикатора прямо сейчас, но курсор будет изменение.

Любые предложения?

Спасибо !!!

Answer 1

Просто избавитесь от функции setDef() и поместите вызов rePosition() в обработчик события click на изображении # search-box-nav (или в зависимости от того, какой элемент имеет обработчик кликов).

Если вы обновите страницу и запустить следующий код в консоли затем он имитирует это делать ...

$("#search-box-nav img").bind("click", function() { rePosition(); });