jquery - 如何按需加载jqtouch

Question

我正在尝试像这样按需加载 jqtouch:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $(function() {
        $.getScript("js/jqtouch.min.js", function() {
             $.jQTouch();
        });
    });     
</script>

Firebug 输出:$(_3c.selector).tap 不是函数

如果我在脚本中包含 jqtouch.min.js，就像我对 jquery.js 所做的那样并调用 $.jQtouch，一切都会正常工作。但是，我只想在需要时加载 jqtouch，但我似乎无法让它工作。我还尝试向 jqtouch.min.js 发送 ajax post 并收到相同的错误。

Answer 1

当您按需加载 jqtouch 脚本时， $(document).ready 事件会在脚本加载之前触发，因此永远不会执行 jqtouch 初始化脚本。

解决方案很糟糕......你必须修改 jqtouch 脚本初始化绑定(bind)

$(document).ready(function(){...})

至

$(document).bind('ready',function(){...})

...并且您必须修改自己的代码才能在加载脚本后触发就绪事件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $(function() {
        $.getScript("js/jqtouch.min.js", function() {
             $(document).trigger('ready');
             $.jQTouch();
        });
    });     
</script>