动态 jquery mobile 弹出后 Jquery Mobile css 和 js 无法正确加载 - c# .net MVC答案

【问题标题】：Jquery Mobile css and js not loading correctly after Dynamic jquery mobile PopUp - c# .net MVC动态 jquery mobile 弹出后 Jquery Mobile css 和 js 无法正确加载 - c# .net MVC
【发布时间】：2016-05-20 16:27:21
【问题描述】：

我使用 jquery 移动弹出窗口创建了一个用于登录弹出窗口的页面。登录屏幕工作和登录工作成功。但我想在弹出窗口中正确使用 jquery mobile Flip 切换开关或其他功能。但不工作。

这是我在索引中的 css 和 js 文件。

<link rel="stylesheet" href="~/css/jquery.mobile-1.4.5.min.css">
<script src="~/js/jquery-1.11.3.min.js"></script>
<script src="~/js/jquery.mobile-1.4.5.min.js"></script>

这是我的 ajax 调用脚本；

    $('.makelogin').click(function () {
        $("#popupLogin").popup("open");
        $.ajax({
            type: 'GET',
            url: '/Login/MainLogin',
            success: function (returnval) {
                $("#popupLogin").html(returnval);
                $("#popupLogin").popup("reposition", { positionTo: 'window' });
            }
        });
    });

这是我的 div；

<div id="popupLogin" data-role="popup" rel="external" data-overlay-theme="b"></div>

我正在尝试添加这个简单的代码，但我不能。它没有获得样式和 js 功能不起作用；

<form>
<label for="flip-3">Flip toggle switch:</label>
<select name="flip-3" id="flip-3" data-role="slider" data-mini="true">
    <option value="off">Off</option>
    <option value="on">On</option>
</select>

当我从页面源代码复制和粘贴 html 代码时，样式工作但 js 功能不起作用；

<div class="ui-slider ui-slider-switch ui-slider-track ui-shadow-inset ui-bar-inherit ui-corner-all ui-mini" role="application"><span style="width: 100%;" role="img" class="ui-slider-label ui-slider-label-a ui-btn-active">On</span><span style="width: 0%;" role="img" class="ui-slider-label ui-slider-label-b">Off</span><div class="ui-slider-inneroffset"><a style="left: 100%;" aria-labelledby="flip-3-label" title="On" aria-valuetext="On" aria-valuenow="on" aria-valuemax="1" aria-valuemin="0" role="slider" class="ui-slider-handle ui-btn ui-shadow ui-slider-handle-snapping" href="#"></a></div></div>

【问题讨论】：

我厌倦了这个但它不起作用； link.

标签： jquery html css model-view-controller mobile

【解决方案1】：

我修好了。回答也许对你有帮助。

我用过

$('#popupLogin').trigger('create');

所以;

    function openPopup() {
        $("#popupLogin").popup({ positionTo: "window" }).popup('open');
    }

    $('.xxx').click(function () {
        $.ajax({
            type: 'GET',
            url: '/Login/MainLogin',
            success: function(returnval) {
                $("#popupLogin").html(returnval);
                $('#popupLogin').trigger('create');
                setTimeout(openPopup, 100);
            }
        });
    });

我也固定重新定位...

【讨论】：