jquery mobile -在线旅游应用程序不加载Elfinder

我使用elfinder filemanager来管理laravel中的文件。我也在使用jquery移动版。

问题是。脱机:filemanager工作。在线上则不然。

这是我的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>

也离线我试图把我所有的样式和脚本在我的主文件。然后filemanager也停止工作。

这部分是我后来添加的

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

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时，我仍然看到旧的页面。几天前的。我试过用铬刷现金和饼干。也试过探索者。

他们都给我看旧的旅游进口产品。laravel有现金吗?

当javascript不工作通常是因为它没有正确加载。

在Chrome上打开你的页面，按F12并检查错误日志

按CTRL-U查看源代码，并单击每一个js和css链接，看看它们是否都正确加载。

这是一个Elfinder的例子页，为我在Laravel工作。只使用这段代码创建一个视图文件，然后点击"online"，看看它是否有效。有时只是一个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>

相关内容

最新更新

热门标签：