Проблема с конфликтом jquery при использовании ajax

Question

У меня этот код на моей странице. Он отображает отзывы. Но я получаю эту странную ошибку Uncaught TypeError: свойство '$' объекта [object Object] не является функцией.

Некоторые аналогичные проблемы при переполнении стека предлагают использовать jQuery вместо $, но даже это не работает здесь.

Код этого

<script src="./Aero Travel & Tours_files/jquery-1.9.0.min.js" type="text/javascript" charset="utf-8"></script> 


<script type="text/javascript" src="./Aero Travel & Tours_files/jquery.bxslider.min.js"></script> 
<script> 


var bx= $.noConflict(true); 

    bx(document).ready(function() { 
bx('.testimonials-slider').bxSlider({ 
     slideWidth: 800, 
     minSlides: 1, 
     maxSlides: 1, 
     slideMargin: 32, 
     auto: true, 
     autoControls: true 
     })}); 




$(document).ready(function() { 

$.ajax({ 
    type: "POST", 
    url: "/Web/Common/API/WebService1.asmx/GetTestimonials", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    async: true, 
    success: function (data) { 
     var json = $.parseJSON(data.d) 
     var testimonial = ""; 
     $.each(json, function (i, obj) { 
      if (i == 0 || i + 1 == json.length) { 
       testimonial += "<div class='slide bx-clone'>"; 
      } 
      else { 
       testimonial += "<div class='slide'>"; 
      } 
      testimonial += " <div class='testimonials-carousel-context'>"; 
      testimonial += "  <div class='testimonials-name' style='font-weight: bold;'>" + obj.Signature + "</div>"; 
      testimonial += "  <div class='testimonials-carousel-content'>" + obj.Description + "</div>"; 
      testimonial += " </div>"; 
      testimonial += "</div>"; 
      testimonial += "<br/>"; 
     }); 
     $('#testimonials').html(testimonial); 
    }, //success 
    error: function (jqXHR, testStatus, errorThrown) { 
     alert("The following error occured while retrieving the project information: " + testStatus + " " + errorThrown); 
    } //error 
}); 
}); 
</script> 

Answer 1

Если это проблема только конфликт, попытайтесь изменить document.ready функцию в чем-то вроде этого:

jQuery(document).ready(function($) { 
    // inside you can now use the $ as before. 

}); 

Answer 2

var bx= $.noConflict(true); 

символы '$' должен быть заменен на «bx» всюду в вашем коде