Javascript 使用Jquery Mobile设置从JSP标记生成的原始元素的样式

我有一个JSP页面，需要使用JQM进行样式设置。关键是所有html元素都是由JSP标记库EMC Documentum wdk框架生成的。问题是我无法将JQM属性添加到这些JSP标记中来设置它们的样式，因为它们会抛出一个异常，声明JQM属性是无效的属性这是JSP标记通常的工作方式。 JQM自动将默认样式应用于这些生成的html元素。但是我想要的是改变一些JQM样式，添加我想要的。例如，我的页面上生成了三个按钮。JQM将其默认样式应用于这些按钮后，它们将显示为块级元素，并占据页面的整个宽度。我想将它们更改为内联按钮，以便它们显示在一行中，其宽度成为其内容的宽度。非常感谢如果有人能指导我这样做的最好的方式，因为我必须非常关注的页面加载速度。 我想知道 1如何添加类 2如何更改属性ex:data主题 3实现1和2的最佳页面事件

下面是我想做的

   <dmf:html>
    <dmf:head>
        <dmf:webform />
            <script src='<%=Form.makeUrl(request, "/global/pages/pwcspecific/web/mobile/js/jqueryMobile/jquery-1.9.1.js")%>'></script>
            <script src='<%=Form.makeUrl(request, "/global/pages/pwcspecific/web/mobile/js/jqueryMobile/jquery.mobile-1.3.2.min.js")%>'></script>
            <link rel="stylesheet" href="<%=Form.makeUrl(request,"/global/pages/pwcspecific/web/mobile/js/jqueryMobile/jquery.mobile-1.3.2.min.css")%>">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <script>
                $(document).on('pageinit', '#dmsMobile', function () {
                    // This is where I try to change the things..
                        $('#btn1').addClass("ui-btn-inline");
                        $('#btn2').addClass("ui-btn-inline");
                        $('#btn3').addClass("ui-btn-inline");
                });
            </script>
    </dmf:head>
    <dmf:body >
        <dmf:form>
            <div data-role="page" id="dmsMobile">
                <div data-role="header" data-theme="b">
                    -------
                </div>

                <div data-role="content">
                    <!--buttons generated by JSP tags. These styled by JQM with default stying 
                    (block level and occupies the entire width of the page)
                    -->
                    <button type="button" id="btn1">Button1</button>
                    <button type="button" id="btn2">Button2</button>
                    <button type="button" id="btn3">Button3</button>
                </div>
            </div>
        </dmf:form> 
    </dmf:body>
</dmf:html>

---

问候

向锚添加data inline=true。嗨，奥马尔，你能解释一下吗？我对jquery非常陌生。您的意思是$'btn1'.attrdata inline，true吗？是的，但是如果您想动态设置$btn.buttonMarkup{inset:true}；或者静态地将属性添加到锚定标记中。我在描述中清楚地提到，不可能将任何JQM属性添加到标记中，因为JSP标记不接受除其属性以外的任何属性。这就是JSP标记的工作方式。JSP标记在呈现之前经过验证。如果我可以将data inline=true添加到JSP标记中，那么我就不会在这里发布查询……按钮标记可以工作