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

Question

我创建了一个页面登录弹出与jquery移动弹出。登录界面正常工作，登录工作成功。但我想在弹出窗口中正确使用jquery移动翻转切换开关或其他功能。但不起作用。

这是我的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>

Answer 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);
            }
        });
    });

我还修复了重新定位。