无法使用使用jQuery版本的上传脚本

时间:2014-12-19 16:04:13

标签: jquery twitter-bootstrap upload

我使用的Bootstrap有自己的jQuery文件,但我需要在我的网页中使用以下代码来获取上传文件的URL。问题是,正如您所看到的,它使用的是1.7版本的jQuery,并且在使用Bootstrap的版本时根本无法工作。 我现在处于两难境地:如果我使用1.7版本的jQuery,页面的其余部分将无法正常显示,但脚本将正常运行。如果我使用最后一个版本,我将得到完全相反的结果。我该怎么办 ?是否意味着"翻译"代码?

提前谢谢!

<script>
    jQuery(document).ready(function()
    {

    var options = { 
      beforeSend: function() 
      {
        $("#progress").show();
        //clear everything
        $("#bar").width('0%');
        $("#alerte").html("");
      $("#percent").html("0%");
      },
      uploadProgress: function(event, position, total, percentComplete) 
      {
        $("#bar").width(percentComplete+'%');
        $("#percent").html(percentComplete+'%');


      },
      success: function() 
      {
        $("#bar").width('100%');
        $("#percent").html('100%');

      },
    complete: function(response) 
    {
      $("#alerte").html("<font color='green'>"+response.responseText+"</font>");
    },
    error: function()
    {
      $("#alerte").html("<font color='red'> ERROR: Unable to upload the files</font>");

    }

    }; 

       $("#myForm").ajaxForm(options);

    });

    </script>

1 个答案:

答案 0 :(得分:0)

如果必须包含多个版本的jQuery,例如使用依赖于早期版本的插件,则需要使用$.noConflict()

查看docs here和一点tutorial here