1

我有一个 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 更改标题的主题颜色，而不是在每个文件上更改它？

非常感谢

4

2 回答 2

2

工作示例：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"]');
});

  1. 不，您不能仅使用 CSS 添加按钮，但您可以使用 jQuery 来添加，示例可以在顶部的工作示例中找到。

  2. 对于按钮 ti 显示在左侧，将按钮属性更改class="ui-btn-right"为class="ui-btn-left"

  3. 可以这样做：

    $(document).on('pagebeforecreate',  function(){  
    $('[data-role="header"]').attr('data-theme','a');        
});
于 2013-06-05T09:46:04.043 回答
0

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

关于您的其他问题，您需要向我们展示更多代码，也许还需要设置一个小提琴。

于 2013-06-05T09:16:54.357 回答