$ .mobile.changePage不加载CSS

Question

对于ajax，这是一个非常奇怪的情况。 我有一个登录页面，该页面通过ajax调用主页，如下所示：

 // Function to call WCF  Service - Infrastructure       
    function CallService() {
        $.ajax({
            type: Type, //GET or POST or PUT or DELETE verb
            url: Url, // Location of the service
            data: Data, //Data sent to server
            contentType: ContentType, // content type sent to server
            dataType: DataType, //Expected data format from server
            processdata: ProcessData, //True or False
            success: function (msg) {//On Successfull service call
                ServiceSucceeded(msg);
            },
            error: ServiceFailed// When Service call fails
        });
    }

    function ServiceSucceeded(result) {

        if (DataType == "json") {
            var resultText = result;
            if (resultText.result == "True") {
                $.mobile.changePage("MainMenu.aspx",{ transition: "slideup" });
            }
            else {
                //Show Error Message
            }
        }
    }

在每个页面中，我都有一个名为“ general.js”的js的引用，其中包含以下代码：

function processMenu(menuOptions) {
var options = menuOptions.split('');
var currentOptions = '1234567'.split('')

for (i = 0; i < currentOptions.length; i++) {
    var index = (i + 1) + '';
    if (options.indexOf(index) < 0) {
        var op = $('#op' + currentOptions[i]);
        op.attr('disabled', true);
        op.addClass('btndisabled');
        $(op).live("click", function (event) {
            //do stuff
            event.preventDefault(); // Prevent default link behaviour
        });
    }
}

}

此代码验证一些编号控件，并在需要时启用称为“ btndisabled”的CSS

“ btndisabled” CSS为：

.btndisabled{    
    background-color: rgb(236,233,216);
    color: #CCC;
    font-style: normal;
}

好的，情况是，当我使用

$.mobile.changePage("MainMenu.aspx?",{ transition: "slideup" });

Login.aspx内容更改为MainMenu.aspx内容和js：

op.attr('disabled', true);
op.addClass('btndisabled');
$(op).live("click", function (event) {
    //do stuff
    event.preventDefault(); // Prevent default link behaviour
});

执行后，CSS不会应用，但执行“ event.preventDefault”。 我需要应用CSS，但我没有什么错。 有任何想法吗？

更新

观察对象在回发和ajax调用中的行为，我意识到一些有趣的事情，但是我不知道该怎么考虑。

回发时

看一下HTMLAnchorElement

阿贾克斯

如果DOM尚未加载锚对象，则如何分配event.preventDefault（）？？？

这太疯狂了...

Answer 1

您的答案可能在jQuery Mobile论坛本身上：

http://forum.jquery.com/topic/mobile-css-gets-lost-after-using-ajax-to-update-content