Сохранение значения переменной через поток jquery-dialog

Question

Я делаю грязную проверку формы. При этом, если значение формы изменяется, я показываю пользователю запрос с просьбой о том, хочет ли он продолжить. Если да, я хочу перейти к URL-адресу с нажатой ссылкой. Моя проблема в том, что я не могу сохранить URL.

$("a").click(function (e) { 
     url = $(this).attr('href'); 
     if(str != $("form").serialize()){ 
      $('#prompt').show(); 
      e.preventDefault(); 
     } 
    }); 

Я использую диалог начальной загрузки, чтобы показать сообщение о том, что форма была изменена. Теперь, если пользователь все еще хочет покинуть страницу, как мне отслеживать URL-адрес, который мне нужно переслать.

<div class="modal-footer"> 
      <a id="hide" class="btn">Stay on Page</a> 
      <a id="navigate" class="btn" href="#">Leave Page</a> 
     </div> 

$('#navigate').click(function() { 
     console.log(url) 
    }); 

Мне нужно, чтобы сохранить значение url, когда я закрываю диалог.

Answer 1

Возможно, это связано с тем, где определено значение url. Я сделал быструю скрипту js, которая показывает два примера ее работы и не работает в зависимости от того, где указан url http://jsfiddle.net/zdgNS/4/.

Это Javascript должен работать как мои примеры показывают:

(function() { 
    var url; 
    $('#link').click(function() { 
     url = $(this).attr("href"); 
     return false; 
    }); 

    $('#button').click(function() { 
     console.log(url); 
    }); 
})(); 

Если вы хотите узнать больше о Переменная JavaScript область видимости, прочитайте этот вопрос: What is the scope of variables in JavaScript?