Jquery mobile jquery mobile未在JSFIDLE中显示

Jquery mobile jquery mobile未在JSFIDLE中显示,jquery-mobile,jsfiddle,Jquery Mobile,Jsfiddle,我无法在jquery移动应用程序中使用选择菜单,我想我会在这里发布问题,但我甚至无法在fiddle中正确显示该内容。我想我应该先解决小提琴的问题 这是我的,其中包含以下代码: html 为什么我的小提琴连jqm风格都不显示?我研究了stackoverflow中的类似问题,发现,但我的fiddle页面没有显示该问题中给出的示例中可用的选项 我错过了什么?两件事: 使用jQuery 1.8.3库。包含的外部资源JQM 1.2.0将不适用于更高版本 使用HTTPS加载外部资源: 在那之后,你的小提

我无法在jquery移动应用程序中使用选择菜单,我想我会在这里发布问题,但我甚至无法在fiddle中正确显示该内容。我想我应该先解决小提琴的问题

这是我的,其中包含以下代码:

html

为什么我的小提琴连jqm风格都不显示?我研究了stackoverflow中的类似问题,发现,但我的fiddle页面没有显示该问题中给出的示例中可用的选项

我错过了什么?

两件事:

  • 使用jQuery 1.8.3库。包含的外部资源JQM 1.2.0将不适用于更高版本
  • 使用HTTPS加载外部资源:

  • 在那之后,你的小提琴就可以演奏了

    更新:

    除以上所有内容外,一旦您选择jQuery1.8.3版本,fiddle将在框架选择菜单下为您提供JQM库。所以,不需要包含外部文件。

    好的,这很有效——非常感谢!1.8.3是否会提供这些选项一点也不明显——这会让我花更多的时间去弄清楚。非常感谢
    <div data-role='content'>
    <table class='my-tables'>
        <caption style='text-align: left;'>Table A</caption>
        <thead>
            <TR>
                <TH align='left'>Type</TH>
                <TH align='left'>Amount</TH>
                <th colspan='4' scope='col'>
                    <label for='selmenu'></label>
                    <select id='selmenu' class='sel' data-native-menu='false' style='width: 100px'>
                        <option class='type1' value='type1'>type1</option>
                        <option class='type2' value='type2'>type2</option>
                        <option class='type3' value='type3'>type3</option>
                        <option class='type4' value='type4'>type4</option>
                    </select>
            </TR>
            <TR>
                <TH align=l eft>Cars</TH>
                <TD>5,000</TD>
                <TD class='exhaust type1'>7000</TD>
                <TD class='exhaust type2'>6000</TD>
                <TD class='exhaust type3'>5000</TD>
                <TD class='exhaust type4'>4000</TD>
            </TR>
            <TR>
                <TH align=l eft>Trucks</TH>
                <TD>45672</TD>
                <TD class='exhaust type1'>154</TD>
                <TD class='exhaust type2'>1.1</TD>
                <TD class='exhaust type3'>3.7</TD>
                <TD class='exhaust type4'>55.2</TD>
            </TR>
            <TH align=l eft>Motorcycles</TH>
            <TD>224455</TD>
            <TD class='exhaust type1'>88</TD>
            <TD class='exhaust type2'>99</TD>
            <TD class='exhaust type3'>77</TD>
            <TD class='exhaust type4'>55</TD>
            </TR>
    </TABLE>
    <div data-role='footer'>
         <h4>my footer</h4>
    
    </div>
    <!-- /footer -->
    
    $(document).ready(function () {
    $('.exhaust').hide();
    $('.type1').show();
    
    $('.sel').change(function () {
        $('.exhaust').hide();
        $('.' + this.value).show();
        $('.sel').val(this.value);
    });
    });