Question

我是kendo ui的新手。我正在使用Kendo UI为我在xCode开发的新phonegap项目。我创建了一个追加标签的html页面。我在浏览器上测试时它可以正常工作。但这在iOS模拟器中不起作用。

以下是我目前的代码：

    <!DOCTYPE html>
<html>
    <head>
        <title>Basic usage</title>
        <meta charset="utf-8">
           <script type="text/javascript" src="js/Initial.js"></script>
    </head>

    <body>

         <div data-role="view" id="drawer-listSurvey" data-layout="drawer-layout" data-title="Create Survey">

            <div>
                <ul data-role="listview" class="inboxList" id="new-questions">

                </ul>

                <ul data-role="listview" data-style="inset">
                    <li data-icon="add"><a data-role="button"data-rel="actionsheet" href="#actionsheet">Add Question</a></li>
                    <li data-icon="organize"><a>Add Page</a></li>
                </ul>


            </div>

            <div id="footer">
                <ul id="actionsheet" data-role="actionsheet" data-popup='{ "height": "auto", "width": 200, "direction": "left" }'>
                    <li></li>
                    <li><a onclick="addMultipleChoice()">Multiple Choice</a></li>
                    <li><a>Dropdown</a></li>
                    <li><a>Comment Box</a></li>
                    <li><a>Image</a></li>
                    <li><a>Text Description</a></li>
                </ul>
            </div>
        </div>



        <div data-role="layout" data-id="drawer-layout">
            <header data-role="header">
                <div data-role="navbar">
                    <a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a>
                    <span data-role="view-title"></span>
                    <a data-role="button" data-align="right" data-rel="actionsheet" href="#actionsheet">+</a>
                </div>
            </header>
        </div>

        <script>
            kendo.mobile.ui.Drawer.current = null;
            </script>

        <script>
            function addMultipleChoice(){
                $("#new-questions").append("<div id=\"question\"><ul>Wich is the vowel?<li><input type=\"checkbox\"/><label>A</label></li><li><input type=\"checkbox\"/><label>B</label></li><li><input type=\"checkbox\"/><label>C</label></li><li><input type=\"checkbox\"/><label>D</label></li></ul></div>");
            }
        </script>


    </body>
</html>

任何帮助将不胜感激。

提前致谢

Answer 1

通常使用jQuery append（）将项添加到Kendo UI Mobile MobileView不受支持，不推荐使用。您应该使用Kendo UI的追加方法，如下所示：

http://docs.telerik.com/kendo-ui/api/mobile/listview#methods-append

Kendo UI：Append在移动模拟器上不起作用

1 个答案: