Twitter bootstrap typeahead 不能与 data-source 属性一起正常工作

Question

为什么当我在data-source 属性中使用" 符号来表示字符串值时一切正常，但是当我使用' 来表示它们时，引导程序只识别第一个字符？

我知道在 c# 和许多其他语言中 " 和 ' 之间的区别是字符和字符串之间的区别，但我第一次看到它在 html 中被严格使用，如果是这样的话为什么JS没有任何错误。

<div class="container">
    <div class="hero-unit">
        <form>
            <div>
                <label>working typeahead</label>
                <input type="text" data-provide="typeahead" autocomplete="off" data-source='["hello","world"]' />
            </div>
            <div>
                <label>not working typeahead</label>
                <input type="text" data-provide="typeahead" autocomplete="off" data-source="['hello','world']" />
            </div>
        </form>
    </div>

见小提琴：http://jsfiddle.net/H4Qmh/4/

Answer 1

这很奇怪，但data-source=["hello", "world"] 有效，即使它看起来不像干净的 HTML。

我想知道它是否被视为 JSON，在这种情况下，所有元素都必须用双引号括起来。见：How to pass an array into jQuery .data() attribute。