Повторно инициализировать глобальные переменные без обновления страницы в javascript

Question

Mine - это веб-приложение. На странице jsp у меня есть div (внешнийDiv), внутри которого добавлено множество внутренних Divs путем перетаскивания содержимого и набор глобальных переменных инициализируются !

У меня есть следующее требование. У меня есть кнопка, так же как и обновление всей страницы. Мне нужно очистить и сбросить все содержимое внешнего DIV, т. Е. Очистить внутреннее Div и повторно инициализировать все глобальные переменные, присутствующие в js-файле, без обновления страницы.

Я нашел JQuery .empty outerDiv, Вызывая $("#attrList1").empty();

Но если я снова перетащить любой контент внутри outerDiv, он не может быть добавлен в качестве DIV удаляется.

Как это сделать? Как сбросить глобальные переменные в файле javascript?

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

Answer 1

Во-первых, объявить глобальную переменную:

var currentURL = document.URL; 

Затем, чтобы обновить внутренний DIV т.е. чтобы обновить конкретное содержание Div, попробуйте следующее:

$('#outerDivContentID').load(currentURL+ ' #outerDivContentID'); 
/*Note, be sure to include a space before the hastag.*/ 

На данный момент время, т. е. когда и нажмите кнопку, повторно инициализируйте глобальные переменные, установив флаг.

Надеюсь, что это сработает.

Answer 2

Если вы просто хотите сбросить свои глобальные переменные. Имейте их в функции и назовите ее, когда вам нужно выполнить сброс.

$(function(){ 
//declare global variables or initialize them like var i=0; 
var init = function(){ 
// set the variables to their inital values i.e i = 0; 
}; 

// Do whatever you want. 
// Call the init to reset. 
init(); 
});