1

我正在使用 WordPress 和 jQuery Mobile 构建一个移动网站。

我想创建一个在用户点击按钮时出现的自定义小部件区域。

我希望小部件区域中包含的链接看起来像 JQM 按钮。为此，我应该将属性 data-role="button" 添加到小部件中的 'a' 元素。

有没有办法从functions.php向这些'a'元素添加自定义属性？

默认情况下，这是小部件中链接的代码：

<h3 class="widget-title">Categories</h3>
  <ul>
    <li class="cat-item cat-item-646">
      <a title="Some title" href="http://example.com/category/">Category</a>
    </li>
    ...

我需要在“a”元素中添加一个数据角色属性：

<a title="Some title" href="http://example.com/category/" data-role="button">Category</a>

我想知道WP API是否提供了一个过滤器来从functions.php中做到这一点，或者是否可以通过某种方式使用PHP

4

2 回答 2

1

最后我找到了我的问题的答案：如何从functions.php向WP菜单项添加自定义数据属性。

可以操作 WordPress 菜单（而不仅仅是菜单）的标记。WP提供了Walker类，可以在functions.php中扩展。

我这里不复写代码，但是对 WP 菜单构建感兴趣的可以从这里获取：

http://www.kriesi.at/archives/improve-your-wordpress-navigation-menu-output

来自 WP stackexchange 的其他有用资源如下：

https://wordpress.stackexchange.com/questions/14037/menu-items-description-custom-walker-for-wp-nav-menu/

https://wordpress.stackexchange.com/questions/19245/any-docs-for-wp-nav-menus-items-wrap-argument/

https://wordpress.stackexchange.com/questions/64515/fall-back-for-main-menu/

于 2013-04-30T05:55:22.370 回答
1

要过滤链接并添加data-role=button到它们，请使用以下代码。

$('li.cat-item').find('a').each(function () {
 $(this).attr('data-role', 'button');
});

哪里.cat-item是一类列表项。

于 2013-04-20T16:06:23.353 回答