Javascript Jquery Mobile下拉菜单在PHP中无法正常运行

所以mobile下拉列表在一个单独的项目中工作得很好，但是当我把它放到一个PHP项目中时，它就停止正常工作了

现在，每次选择链接时，它都会转到链接，但下拉列表不会停留在当前页面上，它会跳回第一个可用的选择。使其无法真正进入该页面

认为某个地方的PHP正在干扰，但如果我似乎无法诊断问题，我会这样做。。。我有一些想法，但是。。。无论如何，这里有一些代码

JS:

var$select=$（“”）；
$（“#菜单”）.append（$select）；
$（“#菜单a”）。每个（函数（）{
var$anchor=$（此）；
var$选项=$（“”）；
if（$anchor.parent（）.hasClass（'selected'））{
$option.prop（'selected'，true）；
}
$option.val（$anchor.attr（“href”））；
$option.text（$anchor.text（））；
$select.append（$option）；
});
$select.change（函数（）{
window.location=$select.val（）；
});

菜单：

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();
  });

<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>