javascript - 使用 JQuery 的 FancyUpload

Question

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

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>