因此,我为<select> <option>
下拉列表添加了此JavaScript,以重定向到其值属性。
$(document).ready(function() {
$("a").click(function(event) {
alert(event.target.id);
});
$(document).on('change', '#selectdrops', function (e) {
e.preventDefault();
menu_goto(e.target.value);
});
})
function menu_goto( newurl ) {
var baseurl = window.document.location.protocol + '//' + window.document.location.host;
if (newurl.length != 0) {
window.location = baseurl + newurl ;
}
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="newurl" class="mobile about-drop" id="selectdrops">
<option id="sec-1" value="/content/7-about">The Families</option>
<option id="sec-2" class="active" value="/content/4-the-farm">The Farm</option>
<option id="sec-3" value="/content/8-viniculture">Viniculture</option>
</select>
&#13;
我必须专注于使用ID,因为prestashop CMS源代码不允许任何类型的JavaScript。
这种方法100%有效,我很高兴使用它,我只有一个问题。
问题:
此下拉列表仅用于移动设备和桌面设备我使用简单的<ul>
<li>
链接到相应的网页。但突然之间,当我点击任何链接(桌面版本,而不是下拉移动链接)时,我收到此对话框消息,我首先要点击“确定”#39;在我的页面重定向到相应的URL之前。
如何从所有桌面链接中删除此邮件?
ps:在移动设备上没问题,点击移动下拉链接会重定向,而不会弹出任何对话框。