Question

我有一个jquery移动网站。它大约50个html页面，我需要在我的标题中添加一个简单的主页按钮。是否可以从CSS添加此按钮，或者我需要逐个打开所有html文件并添加它？

按钮很简单：

<a href="http://myHomepage.com" data-icon="home" data-iconpos="left" data-direction="reverse" class="ui-btn-right">Home</a>

另外，如何让这个按钮出现在左侧？出于某种原因，它出现在右边。

另外，如何从CSS更改标题的主题颜色，而不是在每个文件上更改它？

非常感谢

Answer 1

工作示例：http://jsfiddle.net/Gajotres/ZUYmt/

$(document).on('pageinit',  function(){       
    $('<a href="#index" data-icon="home" data-iconpos="left" data-direction="reverse" class="ui-btn-left" data-theme="a">Home</a>').button().appendTo('[data-role="header"]');
});

你不能只使用CSS添加一个按钮，但你可以用jQuery来做，例子可以在一个工作示例中找到。
对于按钮ti，左侧更改按钮属性 class="ui-btn-right" 显示为 class="ui-btn-left"

可以这样做：

$(document).on('pagebeforecreate',  function(){  
    $('[data-role="header"]').attr('data-theme','a');        
});

Answer 2

如果您的网站不使用模板文件来创建布局并逐页构建，那么您最好的选择是使用jQuery为每个页面添加主页按钮。如果确实使用了模板文件，那么请使用这些，因为这样可以避免按钮无法在无javascript环境中呈现的问题。

关于你的其他问题，你需要向我们展示一些代码，或者设置一个小提琴。

如何在jquery mobile中添加来自css的主页按钮？

2 个答案: