Skip to content Skip to sidebar Skip to footer
Home / Javascript / Jquery Ui

Issue Including ElFinder And JQuery UI

Post a Comment
I'm trying to setup an elFinder window on my website. So I downloaded the latest release of from GitHub and followed it's instructions. I included every file they asked for: <

Solution 1:

Why don't you combine the jQuery UI files into one?

Yes the order of includes does matter.

Here a working demo.

Here is the code

HTML

<head>
    <link  type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/smoothness/jquery-ui.css" />
    <link  type="text/css" href="http://elfinder.org/demo/css/elfinder.min.css" />
</head>


<div id="elfinder"></div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<script src="http://elfinder.org/demo/js/elfinder.min.js" ></script>​

Javascript

$().ready(function() {
   var f = $('#elfinder').elfinder({
       url : '/connector'
   }).elfinder('instance');
});​

Solution 2:

have you tried changing the order of inclusion?

<!-- elFinder -->
<script type="text/javascript" src="../includes/elfinder/js/elfinder.min.js"></script>
<script type="text/javascript" src="../includes/elfinder/js/i18n/elfinder.nl.js"></script>

<!-- JQuery UI -->
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.timepicker.js"></script>
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.droppable.js"></script>
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.selectable.js"></script>
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.resizable.js"></script>
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.slider.js"></script>
<script type="text/javascript" src="../includes/js/jquery-ui/development-bundle/ui/jquery.ui.dialog.js"></script>

Let me know ;)


You may like these posts

Post a Comment for "Issue Including ElFinder And JQuery UI"