Javascript Can'；t将jQuery结果分配给变量
我正在开发一个RubyonRails应用程序，我想使用一个名为gentelella的仪表板。这个 该模板在简单的HTML格式中工作得非常完美。但当我将所有内容转移到Rails应用程序时，它就变得毫无吸引力了。我的意思是我不能点击侧边栏菜单项。 问题出在它的custom.js文件中。 它将边栏菜单分配给这样一个变量Javascript Can'；t将jQuery结果分配给变量,javascript,jquery,ruby-on-rails,ruby,Javascript,Jquery,Ruby On Rails,Ruby,我正在开发一个RubyonRails应用程序，我想使用一个名为gentelella的仪表板。这个 该模板在简单的HTML格式中工作得非常完美。但当我将所有内容转移到Rails应用程序时，它就变得毫无吸引力了。我的意思是我不能点击侧边栏菜单项。 问题出在它的custom.js文件中。 它将边栏菜单分配给这样一个变量 $SIDEBAR_MENU = $('#sidebar-menu') 然后向其附加一个“单击”事件，如下所示： $SIDEBAR_MENU.find('a').on('click',
$SIDEBAR_MENU = $('#sidebar-menu')
$SIDEBAR_MENU.find('a').on('click', function(ev) {
console.log('clicked - sidebar_menu');
}
console.log($SIDEBAR_MENU);
$SIDEBAR_MENU.find('a').on('click', function(ev)
$('#sidebar-menu').find('a').on('click', function(ev) {
alert('it works now!');
}
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require fastclick
//= require nprogress
//= require Chart.min
//= require gauge.min
//= require bootstrap/bootstrap-progressbar
//= require icheck.min
//= require skycons
//= require jquery.flot
//= require jquery.flot.pie
//= require jquery.flot.time
//= require jquery.flot.stack
//= require jquery.flot.resize
//= require jquery.flot.orderBars
//= require jquery.flot.spline.min
//= require curvedLines
//= require date-ru-RU
//= require jquery.vmap.min
//= require jquery.vmap.world
//= require jquery.vmap.sampledata
//= require moment.min
//= require bootstrap/daterangepicker
//= require custom
我刚刚找到了造成这种奇怪行为的原因。 在详细查看Gentelella的源代码后，我注意到所有脚本标记都位于页面底部。 因此，我更改了页面的Rails模板，使其在正文之后也包含它们
<!DOCTYPE html>
<html>
<head>
<title>No Matter</title>
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1, user-scalable=no">
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'dashboard', media: 'all', 'data-turbolinks-track': 'reload' %>
</head>
<body class="nav-md">
<%= yield %>
</body>
<%= javascript_include_tag 'dashboard', 'data-turbolinks-track': 'reload' %>
</html>
不管怎样
现在一切都好了。我不知道为什么会发生这种情况，因为Gentelella的“custom.js”中有一个$（document）.ready（）回调，它初始化了所有内容，整个菜单从一开始就在那里，没有动态加载任何内容。如果有人能解释一下原因，我将不胜感激，因为我自己是web开发的新手将变量边栏菜单设置为字符串“#边栏菜单”，而不是使用该选择器将其设置为jquery对象。例如，变量侧栏菜单=“#侧栏菜单”。然后尝试$（侧边栏菜单）。查找…你能发布你的
应用程序.js