jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在jquery Mobile中重新呈现动态生成的锚标签?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在ajax调用中从服务器获取一个标记片段html.如何“刷新”以便 jquery mobile可以将必要的类附加到链接

例如,jquery mobile生成链接一个ui-link:

<a class="ui-link" href="http://www.google.com">http://www.google.com</a>

如何确保在新生成的锚标记上附加正确的样式?

解决方法

如果要刷新已初始化的窗口小部件,则可以使用其各自的功能刷新每种类型的窗口小部件:

$('.ui-btn').button('@R_618_7017@h');

注意我使用.ui-btn类来选择按钮元素,初始化按钮后会添加此类,因此您可以确保刷新已经初始化的按钮小部件.

文件http://jquerymobile.com/demos/1.1.0-rc.1/docs/buttons/buttons-methods.html

如果您需要初始化尚未初始化的窗口小部件,那么您只需省略’@R_618_7017@h’或使用.trigger(‘create’):

$('[data-role="button"],button,input[type="button"],input[type="submit"]').not('.ui-btn').button();//or .trigger('create');

请注意,我通过使用.not(‘.ui-btn’)省略了已经初始化的小部件,因此这只会初始化未初始化的小部件.如果您尝试初始化已初始化的窗口小部件,则会出现错误(如果您尝试刷新尚未初始化的窗口小部件,则会出现相同错误).

更新

如果您的HTML正由服务器输出,那么您可以在将小部件添加到DOM之前初始化小部件:

$.ajax({
    ...
    success : function (serverResponsE) {
        var $out = $(serverResponsE);
        //if there is a container with elements inside it,use `.find()`,//if all the elements are siblings at the top level then use `.filter()`
        $out.find('a').button();
        $('body').append($out);
    }
});

您还可以使用.buttonMarkup()函数更新按钮小部件:http://jquerymobile.com/demos/1.1.0-rc.1/docs/buttons/buttons-options.html

大佬总结

以上是大佬教程为你收集整理的如何在jquery Mobile中重新呈现动态生成的锚标签?全部内容,希望文章能够帮你解决如何在jquery Mobile中重新呈现动态生成的锚标签?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。