开发者

jQuery Mobile: Styling content loaded through AJAX

On a particular jQuery Mobile page I am loading content through an AJAX post. I am then replacing some content in the DOM with the returned HTML. The returned HTML contains form elements, which I would like jQM to style.

This used to work in beta 1:

$.ajax({
            type: 'POST',开发者_运维技巧
            url: form.attr("action"),
            data: form.serialize(),
            success: function (response) {
                if (response.worked) {
                    voucher_area.fadeOut(function () {
                        $(this).html(response.html).children().page();
                        $(this).fadeIn();
                    });
                }
                else {
                    Notify.showMessage("Could not update your call with voucher information: " + response.message, "error");
                }
            },
            dataType: "json",
            error: function () {
                Notify.showMessage("Fatal Error.");
            }
        });

The call to page on the content would style the content. However in the latest version this no longer seems to work.

Is there a correct way to style loaded content?

Thanks


You should be able to style content directly using something like: $(this).css({'padding':'5px'}) using the styles of your choice.

Alternatively, you should be able to define the appropriate styles in an external css file as well.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜