Sencha Touch 2 : JQuery 脚本标签答案

【问题标题】：Sencha Touch 2 : JQuery script tagSencha Touch 2 : JQuery 脚本标签
【发布时间】：2014-04-28 16:03:13
【问题描述】：

我有一个以 html 格式加载文章的应用程序。对于某些文章，我在 JQuery 中有一个带有滑块的图片库。

我将 JQuery 和滑块 JS 文件添加到应用程序并加载它们，但滑块仍然不起作用。

从 REST 服务接收的 HTML：

<div id="gallery">
    <div class="royalSlider">
        <img src="xxx">
        <img src="xxx">
        <img src="xxx">
        <img src="xxx">
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('#gallery .royalSlider').royalSlider({
            autoScaleSlider: true,
            imageScaleMode: 'fill',
            ...,
        });
    });
</script>

<div id="content">
    <span id="header>This is the title</span>
    <p>This is the content</p>
</div>

HTML 只是简单地添加到面板的 HTML 配置字段中。

知道如何使这个滑块与 ST2 一起工作吗？

【问题讨论】：

标签： javascript jquery slider sencha-touch sencha-touch-2

【解决方案1】：

在加载 HTML 内容并将其添加到面板后，我通过创建以下函数解决了我的问题：

executeJSScript: function(panel) {

    var scripts = panel.renderElement.dom.getElementsByTagName("script"); 

    for(var i=0; i < scripts.length; i++) {  
       eval(scripts[i].text); 
    }
}

它获取面板 dom 中的所有标签，然后执行（eval 函数）每个脚本。

确实不是很优雅，但它确实有效......希望它可以帮助某人，如果你有更好的解决方案，请分享！

【讨论】：