如何按需加载jqtouch

【问题标题】：How to load jqtouch on-demand如何按需加载jqtouch
【发布时间】：2010-03-30 07:07:21
【问题描述】：

我正在尝试像这样按需加载 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 发布并收到相同的错误。

【问题讨论】：

标签： jquery jqtouch

【解决方案1】：

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

解决方案很烂....你必须从

修改jqtouch脚本初始化绑定

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

到

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

...您必须修改自己的代码以在加载脚本后触发 ready 事件

<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>

【讨论】：