选择导航选项不转到URL轨道
Select nav option not going to URL rails
我有点困惑,为什么以下内容不起作用,我已经尝试了两个jquery/javascript
所以我有一个手机视图的下拉菜单9我已经结合了我尝试创建链接的两种方式
<select id="nav-select">
<option value="/public_pages/faq">FAQ</option>
<option value="vacancy"><%= link_to 'Create Vacancy ', new_vacancy_path %></option>
</select>
JavaScript我已经尝试获得窗口位置和链接到正确的url
$('#nav-select').change(function(){
var url = $(this).val();
window.location = url;
});
document.getElementById("nav-select").addEventListener('change',function () {
window.location = this.value;
},false);
当我选择一个选项时,不会发生任何事情
有什么想法吗?我是否错误地使用了select标签?
感谢
正如未定义的那样,将脚本放入文档就绪处理程序将解决此问题。为了进一步解释,我敢打赌您在实际文档标记之前定义了脚本。这将使jQuery搜索文档中还不存在的元素。
通过将其放入文档就绪处理程序:
$(document).ready(function(){
$('#nav-select').change(function(){
var url = $(this).val();
window.location = url;
});
});
您实际上是让脚本等待页面加载完成,并且#nav-select
元素存在于文档中,然后再执行代码。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 使用php或javascript从facebook相册URL中删除多余的部分
- Angular JS IE9 Hashbang url rewriting
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- 直接下载文件,而不是从window.open(url)
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 通过js在新选项卡中有条件地打开url
- CKFinder 3为所选文件返回错误的URL
- 如何获取不属于我项目的上一页的URL
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 在URL中传递JS对象
- 将纯文本URL转换为可单击链接
- Javascript html每点击一次就会更改url
- 以角度管理动态URL
- Mathias URL shortener
- 如何有效地将游戏数据存储在URL查询字符串中
- 使用带括号的图像URL作为jQuery的背景
- URL 和轨道路由系统中的双斜杠
- 带有使用其字段之一动态构造的 URL 的轨道表单
- 选择导航选项不转到URL轨道