所以移动下拉在一个单独的项目中完美运行,但是当我把它放到一个PHP项目中时,它就停止了正常运行。
现在,每次选择链接时,它都会转到链接,但下拉列表不会保留在当前页面上,它会跳回到第一个可用选项。实际上无法进入该页面。
认为PHP在某处干扰了,但如果我似乎无法诊断出这个问题,我会说的......有一些想法,但是......不管怎样,这里有一些代码。
JS:
var $select = $("<select></select>");
$("#menu").append($select);
$("#menu a").each(function(){
var $anchor = $(this);
var $option = $("<option></option>");
if ($anchor.parent().hasClass('selected')) {
$option.prop('selected', true);
}
$option.val($anchor.attr("href"));
$option.text($anchor.text());
$select.append($option);
});
$select.change(function(){
window.location = $select.val();
});
MENU:
<div id="menu">
<ul>
<li><a href="<?php echo BASE_URL; ?>">About</a></li>
<li><a href="<?php echo BASE_URL; ?>diamonds/">diamonds</a></li>
<li><a href="<?php echo BASE_URL; ?>jewelry/">jewelry</a></li>
<li><a href="<?php echo BASE_URL; ?>coin/">coin & Bullion</a></li>
<li><a href="<?php echo BASE_URL; ?>contact/">contact</a></li>
</ul>
</div>