如何在两个单独的函数中使用JavaScript变量？

Question

我有以下jQuery函数

$(function(){

  $('.buttonEffectWrapper a').not('#browse-all a').hover(function(){

    pauseResume();
    var imageBrowserContent = $('#mainImageBrowser').html();
    $('#mainImageBrowserTabButtonWrapper, #slideshow > div')
      .animate({opacity:"0"}, {duration:250});

    ajaxFunction('footer');
    alert(imageBrowserContent);

  },
  function(){
    alert(imageBrowserContent);
  })

} );

鼠标悬停时，我将#mainImageBrowser的内容复制到变量imageBrowserContent ，然后执行Ajax函数，该函数替换#mainImageBrowser的html内容，然后向我提示内容。 所有这些都可以。

我的意图是然后将#mainImageBrowser替换为原始内容，该内容将存储在imageBrowserContent 。 我无法使它正常工作，所以我设置了alert(imageBrowserContent); 而且没有任何警报弹出。 我想念什么？ 如果我在警报中放置一个文本字符串，它会很好地弹出，所以我很困惑...

Answer 1

重新格式化后，问题出现。 imageBrowserContent是第一个函数的局部变量。 在第二个功能内部将不可见。 如果将变量声明移到父函数，它将起作用。

$(function(){
    var imageBrowserContent;
    $('.buttonEffectWrapper a').not('#browse-all a').hover(function(){
        pauseResume();
        imageBrowserContent = $('#mainImageBrowser').html();

        $('#mainImageBrowserTabButtonWrapper, #slideshow > div')
            .animate({opacity:"0"}, {duration:250});
        ajaxFunction('footer');
        alert(imageBrowserContent);
    },
    function(){
        alert(imageBrowserContent);
    })
});