javascript - 如何将变量从一个 .js 文件传递​​到另一个 .js？

Question

我有一个 Symfony 应用程序，它有一个创建睫毛的菜单，并使用 .js 文件加载到 div 中，ulr 使用 load () 方法指向每个菜单选项。这个 .js 是一个变量，它与引用每个创建的选项卡相反。这个想法可以在这个例子中看到:

http://jsfiddle.net/JMMS_85/o7610t24/

$("#tabs-"+tabCounter).load($(this).attr('href'));

加载到 div 中的 URL 有其他链接，所以我创建了另一个 .js 文件来阻止原始链接到“preventDefault ()”，我必须在前面的 div 中重新加载这些链接，即显示 url同一个 div 中的新链接，所以我必须使用变量计数器另一个 .js 文件来了解实际选择的 div 是什么。

文件1.js

 $(document).ready(function () {
$("#tabs").tabs();
   var tabCounter = 1;
   var cont =1;

        //Code creating the tabs omitted
 $(".container div a").on("click",function(event) {
    event.preventDefault(); 

        tabTitle = $(this).attr("title"),
        addTab();
        $("#tabs-"+tabCounter).load($(this).attr('href'));
        tabCounter++;
        $("#tabs").tabs({active: $('.ui-tabs-nav li:last').index()});
  });
 });

文件2.js

$(document).ready(function () {

       $("a").click( function(event)
        {
        event.preventDefault();            

        $("#tabs-"+tabCounter).load(this.href);
    }); 

我的问题是如何使用计数器变量第一个 .js 文件到另一个文件。

Answer 1

您可以在函数之外创建变量。

在这里你可以看到 JavaScript Scope 是如何工作的:http://www.w3schools.com/js/js_scope.asp