Jquery Rails中的JSTree碎片问题
我正试图在Rails中构建一个文件资源管理器,但我的JStree出现了一个奇怪的问题。(见下图) 我怀疑这与我的JavaScript文件中的这一行有关,但我不太确定。(完整的JS文件在较低的位置)Jquery Rails中的JSTree碎片问题,jquery,ruby-on-rails,ajax,jstree,Jquery,Ruby On Rails,Ajax,Jstree,我正试图在Rails中构建一个文件资源管理器,但我的JStree出现了一个奇怪的问题。(见下图) 我怀疑这与我的JavaScript文件中的这一行有关,但我不太确定。(完整的JS文件在较低的位置) application.js $(document).on('click', '#open-test-data-directory', function() { $.ajax({ method: "GET", url: "/fire_ajax", dataType: "script
application.js
$(document).on('click', '#open-test-data-directory', function() {
$.ajax({
method: "GET",
url: "/fire_ajax",
dataType: "script"
})
routes.rb
get '/fire_ajax', to: 'ajax#go'
def go
@folders = directory_hash("/home/jeffrey/Documents/Ruby_Workspace/OLD_Learning Ruby On Rails - Working Files/Chapter 12/timetracker/tmp")
respond_to do |format|
format.js {render :my_jserb_file}
end
end
function buildMyJStree(){
return $("#treeViewDiv").jstree({
'core' : {
'data' : <%= @folders.to_json.html_safe %>, // <----- Suspicious line!!!
'themes' : {
'name' : 'proton'
}
}
});
}
buildMyJStree();
ajax\u controller.rb
get '/fire_ajax', to: 'ajax#go'
def go
@folders = directory_hash("/home/jeffrey/Documents/Ruby_Workspace/OLD_Learning Ruby On Rails - Working Files/Chapter 12/timetracker/tmp")
respond_to do |format|
format.js {render :my_jserb_file}
end
end
function buildMyJStree(){
return $("#treeViewDiv").jstree({
'core' : {
'data' : <%= @folders.to_json.html_safe %>, // <----- Suspicious line!!!
'themes' : {
'name' : 'proton'
}
}
});
}
buildMyJStree();
my_jserb_file.js.erb
get '/fire_ajax', to: 'ajax#go'
def go
@folders = directory_hash("/home/jeffrey/Documents/Ruby_Workspace/OLD_Learning Ruby On Rails - Working Files/Chapter 12/timetracker/tmp")
respond_to do |format|
format.js {render :my_jserb_file}
end
end
function buildMyJStree(){
return $("#treeViewDiv").jstree({
'core' : {
'data' : <%= @folders.to_json.html_safe %>, // <----- Suspicious line!!!
'themes' : {
'name' : 'proton'
}
}
});
}
buildMyJStree();
函数buildMyJStree(){
return$(“#treeViewDiv”).jstree({
“核心”:{
“数据”:,//无需担心。对不起,大家。我正在浏览Chrome调试器,发现依赖项之间发生了CSS冲突
我的一个依赖项定义了这种样式。一旦我禁用了margin-bottom属性,问题就消失了
.h-entry ul {
margin-bottom: 20px;
list-style: square;
margin-left: 1.5em;
}