如何按需加载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脚本时，$(.ready)文档事件会在脚本加载之前触发，因此永远不会执行jqtouch初始化脚本。

解决方案sucks....you必须修改jqtouch脚本初始化绑定

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

至

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

...and您必须修改自己的代码，以便在加载脚本后触发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>