三个 jquery coffeescript 函数相互冲突

Question

我是 coffeescript/javascript 的相对业余爱好者，但我无法弄清楚如何构建它，以便三个不同的函数（两个 Select2 函数和一个加载 Best in Place 的函数）可以在同时在 Rails 3 应用程序中。我在资产管道文件中有以下代码，当应用程序运行时，它肯定会被加载并转换为 javascript：

jQuery ->
    $('#foo').select2()
        placeholder: "Choose an option.",
        allowClear: true
    $('#bar').select2()
        placeholder: "Choose an option.",
        allowClear: true
    $('.best_in_place').best_in_place()

但是当我像这样将所有三个函数放在一起时，它们都不起作用。当我只运行一个时，例如：

jQuery ->
    $('#foo').select2()
        placeholder: "Choose a diagnosis.",
        allowClear: true

Presto，该功能运行良好。我在这里做错了什么？

Answer 1

我怀疑您的代码根本无法正常工作，您可能希望在尝试运行该代码时查看 JavaScript 控制台。

这个：

$('#foo').select2()
    placeholder: "Choose an option.",
    allowClear: true

和这个 JavaScript 一样：

$('#foo').select2()({
    placeholder: "Choose an option.",
    allowClear: true
});

但你几乎肯定想要这个 JavaScript：

$('#foo').select2({
    placeholder: "Choose an option.",
    allowClear: true
});

为此，您的 CoffeeScript 应如下所示：

$('#foo').select2
    placeholder: "Choose an option."
    allowClear: true

或者像这样：

$('#foo').select2(
    placeholder: "Choose an option."
    allowClear: true
)

这个 CoffeeScript：

$('#foo').select2()
    placeholder: "Choose an option.",
    allowClear: true
$('#bar').select2()
    placeholder: "Choose an option.",
    allowClear: true
$('.best_in_place').best_in_place()

应该成功执行 $('#foo').select2() 然后触发 TypeError 因为 select2() 没有返回一个函数，但你试图像一个函数一样调用它。然后，$('#bar').select2() 和 $('.best_in_place').best_in_place() 甚至不会运行。