Sencha Touch 2 : JQuery 脚本标签

Posted 2023-02-26

【中文标题】Sencha Touch 2 : JQuery 脚本标签

【英文标题】：Sencha Touch 2 : JQuery script tag

【发布时间】：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 一起工作吗？

【参考方案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 函数）每个脚本。

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