JQuery Mobile Select 未从 asp.net Web 表单中正确格式化

Posted

技术标签:

【中文标题】JQuery Mobile Select 未从 asp.net Web 表单中正确格式化【英文标题】:JQuery Mobile Select not formating properly from asp.net web form 【发布时间】:2017-11-23 13:07:29 【问题描述】:

我正在使用我想在其中使用 JQuery 移动选择菜单控件的 asp.net Web 表单创建一个简单的移动应用程序。我遇到的问题是当我测试应用程序时该控件无法正确呈现。我正在使用 W3 Schools 上的演示进行比较,1。我使用数据阅读器拉取选择的内容。本节页面代码如下。

                    <fieldset class="ui-field-contain">
    <label>Channel</label>
        <select name="Channel" id="channel">
            <asp:Repeater ID="Repeater2" runat="server" DataSourceID="sqlChannel">
                    <HeaderTemplate>
          </HeaderTemplate>
    <ItemTemplate>
                <option value='<%# Eval("LocationName") %>'>
                    <%# Eval("LocationName") %>
                </option>
    </ItemTemplate>
        </asp:Repeater> 
    </select>
        </fieldset>

在测试时呈现为:

   <fieldset class="ui-field-contain">
    <label>Channel</label>
        <select name="Channel" id="channel">
                <option value='CG'>
                    CG
                </option>
                <option value='KS'>
                    KS
                </option>
                <option value='KT'>
                    KT
                </option>
                <option value='LOST'>
                    LOST
                </option>
                <option value='PART'>
                    PART
                </option>
                <option value='UNL'>
                    UNL
                </option>
    </select>
        </fieldset>

通过查看 W3Schools 示例,我的理解是 JQuery 应该在页面中插入一个按钮和 div,以便我选择按钮。

看起来 JQuery mobile 并没有在浏览器上的页面呈现时触发。

【问题讨论】:

【参考方案1】:

很抱歉在这个论坛上出现噪音。此问题是由于未加载所有 JQuery 库引起的。

【讨论】:

以上是关于JQuery Mobile Select 未从 asp.net Web 表单中正确格式化的主要内容,如果未能解决你的问题,请参考以下文章

Jquery Mobile:无法使用 jquery select 重新启用禁用选项(mobiscroll)

jQuery Mobile 表单选择菜单

jQuery Mobile 表单选择菜单

jQuery Mobile 多选点击事件

从 jQuery Mobile 重置值

jQuery Mobile动态刷新页面样式