在线laravel应用程序不会加载Elfinder

时间:2014-03-11 15:44:26

标签: jquery-mobile laravel-4 elfinder

我正在使用elfinder filemanager来管理laravel中的文件。我也在使用jquery mobile。

问题是。离线文件管理器工作。在线它没有。

这是我的filemanager.php视图的第一部分:

@extends('master')

@section('content2')

{{HTML::style('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/smoothness/jquery-ui.css', array('media' => 'screen'))}}
 {{HTML::script('http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js', array('type' => 'text/javascript'))}}
 {{HTML::script('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js', array('type' => 'text/javascript'))}}

{{HTML::style('filemanager1/css/elfinder.min.css', array('media' => 'screen'))}}


 {{HTML::script('filemanager1/js/elfinder.min.js', array('type' => 'text/javascript'))}}

<!-- Mac OS X Finder style for jQuery UI smoothness theme (OPTIONAL) -->
{{HTML::style('filemanager1/css/theme.css', array('media' => 'screen'))}}
  {{HTML::script('filemanager1/js/i18n/elfinder.nl.js', array('type' => 'text/javascript'))}}

这是我加载视图的master.php的第一部分:

<!doctype html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>


  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
 {{HTML::script('//code.jquery.com/jquery-1.9.1.js', array('type' => 'text/javascript'))}}
{{HTML::script('//code.jquery.com/ui/1.10.4/jquery-ui.js', array('type' => 'text/javascript'))}}
  <link rel="stylesheet" href="/resources/demos/style.css">

<?php
/// DIT WAREN DE IMPORTS voordat de agenda niet meer werkte.
//echo HTML::script('http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js', array('type' => 'text/javascript'));
//echo HTML::script('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js', array('type' => 'text/javascript'));
//echo HTML::script('http://code.jquery.com/jquery-1.9.1.js', array('type' => 'text/javascript'));
//echo HTML::script('http://code.jquery.com/ui/1.10.3/jquery-ui.js', array('type' => 'text/javascript'));
?>
<!-- Normal -->
{{HTML::script(asset('js/bootstrap.js'), array('type' => 'text/javascript'))}}
{{HTML::script(asset('js/expandingbox.js'), array('type' => 'text/javascript'))}}
{{HTML::script(asset('js/jscolor/jscolor.js'), array('type' => 'text/javascript'))}}
{{HTML::style(asset('css/bootstrap.css'), array('media' => 'screen'))}}
</head>

同样离线我试图将我的所有样式和脚本放在我的主文件中。然后文件管理器也停止工作。


此部分我稍后加入

我在检查器中看到错误。我的一个链接:

http://dev-certificering.safetyanalyse.nl/public/laravel4_test2/public/filemanager1/css/elfinder.min.css

但我似乎无法在线改变任何东西。 我在我的视图中将我的一个elfinder导入更改为:

{{HTML::script('filemanager1/js/i18n/elfinder.nl.js??', array('type' => 'text/javascript'))}}

当我现在打开检查员键入ctrl-u时,我会看到旧页面。从几天前开始。 我尝试用chrome清理现金和饼干。还试过探险家。

他们都向我展示了旧的laravel进口。 laravel有现金吗?

1 个答案:

答案 0 :(得分:0)

当javascript无法正常工作时,通常是因为它未正确加载。

在Chrome上打开您的页面,点击F12并查看日志中的错误。

点击CTRL-U查看源代码,然后点击每个jscss链接,看看它们是否都已正确加载。

这是一个Elfinder示例页面,适用于Laravel。仅使用此代码创建一个视图文件,然后点击它在线&#39;看它是否有效。有时它只是一个javascript与另一个javascript冲突:

<html>
    {{HTML::style('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/smoothness/jquery-ui.css', array('media' => 'screen'))}}
    {{HTML::script('http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js', array('type' => 'text/javascript'))}}
    {{HTML::script('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js', array('type' => 'text/javascript'))}}
    {{HTML::style('filemanager1/css/elfinder.min.css', array('media' => 'screen'))}}
    {{HTML::script('filemanager1/js/elfinder.min.js', array('type' => 'text/javascript'))}}
    {{HTML::style('filemanager1/css/theme.css', array('media' => 'screen'))}}

    <body>

    Elfinder
    <!-- Element where elFinder will be created (REQUIRED) -->
    <div id="elfinder"></div>

    <script type="text/javascript" charset="utf-8">
        $().ready(function() {
            var elf = $('#elfinder').elfinder({
                // lang: 'ru',             // language (OPTIONAL)
                url : 'filemanager1/php/connector.php'  // connector URL (REQUIRED)
            }).elfinder('instance');            
        });
    </script>

    </body>
</html>