Question

如何在基于JQuery的项目中使用FancyUpload？我将使用FancyUpload的页面由JQuery构成。如何使用FancyUpload？请详细说明每个步骤。请

Answer 1

您可以将jQuery放在noConflict模式下。这样做需要你在所有jQuery代码周围放置包装器，其中mootools将被加载到页面上。这很简单。

示例：

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.2.5/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
  jQuery.noConflict();
</script>

<script type="text/javascript" language="javascript">
// Example with Sep Mootools and jQuery domready's...
(function($){
  window.addEvent('domready',function() {
    // Do some MooTools Magic here!
  });
})(document.id);

(function($) {
  $(document).ready(function() {
    // Do some jQuery stuff!
  });
})(jQuery);


// Example with Mootools used as domready, with jQuery calls inside
(function($){
  window.addEvent('domready',function() {
    // Some mootools magic here! 
    //......
    //Option 1 for jQuery using jQuery identifier...
    alert(jQuery("#some_input_value").val());

    // Option 2 for jQuery using temp override of $
    (function($) {
      alert($("#some_input_value").val());
    })(jQuery);
  });
})(document.id);
</script>

Answer 2

也许你应该使用http://www.uploadify.com/demo/，它的原生Jquery和Flash。 FancyUpload是一个mootools插件。

Answer 3

如上所述，我成功实现了加载jQuery的FancyUpload。如果你想让jQuery和Mootools共存，jQuery.noConflict（）是最好的解决方案。否则，是的，可能应该坚持使用“只是”jQuery或“只是”mootools。

我认为，虽然（虽然我是jQuery粉丝），Mootools的FancyUpload工具是最干净，最漂亮，最好/最容易使用的工具。它是唯一一款适合我的mootools，重量轻，不会严重影响浏览器的加载时间。

Answer 4

如果您的心脏在jQuery项目中使用FancyUpload：

第1步：获取MooTools。

FancyUpload在jQuery中不起作用，据我所知，没有计划让它这样做。当然，上面还有很多替代品，例如meo的答案。

使用JQuery进行花式上传

4 个答案: