Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/52.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Rails中的JSTree碎片问题_Jquery_Ruby On Rails_Ajax_Jstree - Fatal编程技术网

Jquery Rails中的JSTree碎片问题

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

我正试图在Rails中构建一个文件资源管理器,但我的JStree出现了一个奇怪的问题。(见下图)

我怀疑这与我的JavaScript文件中的这一行有关,但我不太确定。(完整的JS文件在较低的位置


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;
}