jQuery - 在其他地方使用 javascript 变量

Question

我担心这个问题可能是非常新手级别的，但我只是一片空白。

在 $(document).ready 函数中，我有一些 DatePicker 代码...

$('#date-view1').datePicker({
    selectWeek: true,
    inline: true,
    startDate: '01/01/1996'
}).bind('dateSelected', function (e, selectedDate, $td) {
    $('#date1').val(selectedDate.asString());
    var pfb = selectedDate.asString();
});

我正在努力解决的部分是

我想要的 var pfb = selectedDate.asString(); 在页面下方的另一个名为 showProjects() 的函数中使用变量 pfb。

我该怎么做？我尝试在 $(document).ready 函数内部和外部声明变量，但没有成功。

谢谢

Answer 1

在文档就绪块之前声明 var pfb。这将使它在页面的其他地方可用。在准备好的文档中，您将设置一个已经声明的变量。

Answer 2

在 Javascript 中，您可以使用全局变量来存储可从页面中的任何位置访问的值。有多种方法可以做到这一点
使用 window.pfb = selectedDate.asString(); 设置值
并稍后使用 window.pfb 在任何地方访问它

Answer 3

我不确定这是否是一个问题区域，但我不会尝试在 onclick 事件中将 pfb 作为参数传递 - 我认为这可能会重新初始化 pfb，或创建一个新的 var。

如果您在全局范围内创建它（不理想但应该可以工作），那么您无论如何都不需要将 pfb 作为参数传递。

另外，最好不要将事件附加到这样的元素上。理想情况下 - jQuery 使这变得非常简单 - 您的 $(document).ready 中应该有这样的内容：

$(document).ready(function() {
    $("#myButton").click(function() {
        showProjects();
    });
});

或者甚至可以将其缩短为，

$(document).ready(function() {
    $("#myButton").click(showProjects());
});

如果您知道 showProjects() 是您想要进行的唯一调用。

Answer 4

如果您只删除单词 var ，它应该可以工作

。声明变量而不使用 var 会使它们成为全局变量。

正如丹·雷（Dan Ray）建议的那样，在就绪块之前声明它可能是更好的形式，但你说你对此感到困难？不知道你为什么会这么做。