使用ActiveAdmin时,无法使用JavaScript获取CSS选择器
运行轨道3.2.13 运行ruby 1.9.3p392 2013-02-22修订版39386[x86_64-darwin10.8.0]使用ActiveAdmin时,无法使用JavaScript获取CSS选择器,javascript,ruby-on-rails,ruby,coffeescript,activeadmin,Javascript,Ruby On Rails,Ruby,Coffeescript,Activeadmin,运行轨道3.2.13 运行ruby 1.9.3p392 2013-02-22修订版39386[x86_64-darwin10.8.0] gem'activeadmin',这个解决方案对我来说似乎很奇怪,但我也遇到了同样的问题,并查看了activeadmin sortable是如何做到这一点的: (function($) { $(document).ready(function() { // your code here }); })(jQuery); 这对我有用。希望有帮助。您
gem'activeadmin',这个解决方案对我来说似乎很奇怪,但我也遇到了同样的问题,并查看了activeadmin sortable是如何做到这一点的:
(function($) {
$(document).ready(function() {
// your code here
});
})(jQuery);
这对我有用。希望有帮助。您需要等待DOM准备就绪,然后再尝试查询它:$->\n…我已经尝试过:jQuery->title=$conference\u state\u id.html console.logtitle结果未定义…您绝对确定文档中存在conference\u关键字\u id吗?您应该能够通过在浏览器的开发人员控制台中运行完全相同的代码来判断。@seanlinsley,我按照您的建议在控制台中进行了测试,并收到了正确的响应请参阅更新的答案。这证明我做错了什么。但是什么呢?从其他线索中有什么想法吗?再次感谢@JimMiller您之前回复@Blender说您在这里编写$->代码。你能用这样一个例子更新你的问题吗?因为您给出的所有示例都将失败,因为它们没有等待DOM加载。
keywords = $('#conference_keyword_ids').html()
console.log(keywords)
undefined
keyword = 'test'
console.log(keyword)
test
keyword = $( "title" ).html()
console.log(keyword)
Edit Conference
keyword = $( ":root" ).html()
console.log(keyword)
(function() {
var title;
title = $("#conference_state_id").html();
console.log(title);
}).call(this);
keywords = $('#conference_keyword_ids').html()
console.log(keywords)
undefined
keywords = $('#conference_keyword_ids').html()
"<optgroup label="Agriculture and Forestry"><option value="6">ag1</option></optgroup>
<optgroup label="Apparel & Clothing Congress"><option value="2">test</option>
<option value="1">test 2 testing</option></optgroup>"
Test #1
Coffeescript entered:
$ ->
keywords = $('title').html()
console.log(keywords)
Generated jQuery:
(function() {
$(function() {
var keywords;
keywords = $('title').html();
return console.log(keywords);
});
}).call(this);
Output:
nothing output
Test #2
Coffeescript entered:
keywords = $('title').html()
console.log(keywords)
Generated jQuery:
(function() {
var keywords;
keywords = $('title').html();
console.log(keywords);
}).call(this);
Output:
Edit Conference
Test #3
In the Console:
keywords = $('title').html()
console.log(keywords)
Results:
Edit Conference
undefined
Test #4
Coffeescript
$ ->
keywords = $('#conference_state_id').html()
console.log(keywords)
Generated jQuery
(function() {
$(function() {
var keywords;
keywords = $('#conference_state_id').html();
return console.log(keywords);
});
}).call(this);
Output:
nothing output
Test #5
Coffeescript
keywords = $('#conference_state_id').html()
console.log(keywords)
Generated jQuery
(function() {
var keywords;
keywords = $('#conference_state_id').html();
console.log(keywords);
}).call(this);
Output:
undefined
Test #6
In the Console
keywords = $('#conference_state_id').html()
console.log(keywords)
Results
<option value=""></option>
<option value="1">Alabama</option>
<option value="2">Alaska</option>
<option value="3">Arizona</option>
<option value="4">Arkansas</option>
...
<option value="56">Northern Mariana Islands</option>
undefined
// application.js manifest
//
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require user
//= require jquery_nested_form
//= require_tree .
// active_admin.js manifest
//
//= require jquery
//= require jquery_ujs
//= require jquery.ui.core
//= require jquery.ui.widget
//= require jquery.ui.datepicker
//= require active_admin/application
Page Source Code
<script src="/assets/application.js" type="text/javascript"></script>
<script src="/assets/active_admin.js" type="text/javascript"></script>
Uncaught TypeError: Object [object Object] has no method 'tooltip'
(function($) {
$(document).ready(function() {
// your code here
});
})(jQuery);