问问题
552 次
2 回答
0
您可以尝试使用get_pages( $args )
函数来获取页面列表及其各自的链接。然后使用@Spencer Hoffman 列出的 jQuery 应该可以得到我相信你正在寻找的东西。
http://codex.wordpress.org/Function_Reference/get_pages#Displaying_pages_in_dropdown_list
该示例应该是完美的示例(除了内联 javascript)。
于 2012-06-27T15:01:55.927 回答
0
如果您还没有自定义脚本加载器,请在主题的 functions.php 中添加如下内容:
function addScripts() {
if ( !is_admin() ) {
wp_register_script('navScript', get_template_directory_uri() . "/js/navScript.js"));
wp_enqueue_script('navScript');
}
}
add_action( 'wp_print_scripts', 'addScripts');
在您的 WordPress 仪表板中,转到外观->我的自定义小部件,创建一个新小部件(给它一个名称,选择 HTML 作为类型),然后添加您的版本(省略 div,因为您可以包含/样式你的喜好):
<form>
<select id="superNav">
<option value="">Choose a destination...</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.amazon.com/">AMAZON</option>
</select>
</form>
然后,在外观->小部件下,将新的自定义小部件添加到您想要的任何位置。
在 navScript.js 中(在适当的模板 JS 目录中,如上所示),您可以添加类似于以下代码的代码。我正在使用 jQuery 执行此操作,但使用 addEventListener() 可以轻松地为纯 JavaScript 重新设计:
$(document).ready(function() {
$('#superNav').change(function() {
var curUrl = $("option:selected", this).val();
if (curUrl) {
window.open(curUrl, '_top')
}
});
于 2012-06-27T08:35:36.160 回答