使用jQuery将选择标记添加到菜单会导致菜单在wordpress中翻倍
在一个名为via wp_enqueue_script的js文件中,我有以下内容:使用jQuery将选择标记添加到菜单会导致菜单在wordpress中翻倍,jquery,wordpress,menu,responsive-design,Jquery,Wordpress,Menu,Responsive Design,在一个名为via wp_enqueue_script的js文件中,我有以下内容: jQuery(function () { jQuery("<select />").appendTo("#primary_menu_mobile"); jQuery("<option />", { "selected": "selected", "value": "", "text": "Go to..."
jQuery(function () {
jQuery("<select />").appendTo("#primary_menu_mobile");
jQuery("<option />", {
"selected": "selected",
"value": "",
"text": "Go to..."
}).appendTo("#primary_menu_mobile select");
jQuery("#primary_menu_mobile a").each(function () {
var el = jQuery(this);
jQuery("<option />", {
"value": el.attr("href"),
"text": el.text()
}).appendTo("#primary_menu_mobile select");
});
jQuery("#primary_menu_mobile select").change(function () {
window.location = jQuery(this).find("option:selected").val();
});
});
jQuery(函数(){
jQuery(“”。附录(“#主菜单_移动”);
jQuery(“”{
“已选定”:“已选定”,
“价值”:“,
“文本”:“转到…”
}).appendTo(“主菜单移动选择”);
jQuery(“#主菜单mobile a”)。每个(函数(){
var el=jQuery(this);
jQuery(“”{
“值”:el.attr(“href”),
“文本”:el.text()
}).appendTo(“主菜单移动选择”);
});
jQuery(“#主菜单#移动选择”).change(函数(){
window.location=jQuery(this.find)(“选项:选中”).val();
});
});
在my header.php中,我调用如下菜单:
<?php wp_nav_menu( array(('container_id' => 'primary_menu_mobile')); ?>
如果我正确理解了你的问题
jQuery("#primary_menu_mobile a").each
上面的代码似乎暗示您已经知道它是一个链接列表,所以只需在完成每个链接后删除这些链接即可。如何删除未编辑的列表?我只想要带有附加select标记的菜单显示.jQuery(“#primary_menu_mobile a”).remove();如果能够做到这一点,jQuery在简化事情方面是非常出色的