Question

I am working on one application in which I am getting conflicted render result due to 2 jquery file, this is the code in which I am getting error

   <!-- tab scripts -->
    <script type="text/javascript" src="/assets/jquery.tools.min.js"></script>



<!-- Scrollbar -->  
            <script type="text/javascript" src="/assets/jquery.tinyscrollbar.min.js"></script>
            <script type="text/javascript">
            $(document).ready(function(){
                $('.scrollbar1').tinyscrollbar();
                $('.scrollbar2').tinyscrollbar();
                $('.scrollbar3').tinyscrollbar();
            });
                });

            </script>

now as you can see there are 2 .js file call , if I write tools.min.js prior to the tinyscrollbar.min.js it wont load , and same applicable for vice versa

I have tried to merge both of the query but didnt succeed , I dont know how to use noconflict function() can any one help me ??

Answer 1

I have declared this both js file in my app/views/layout/application.html.erb but due to conflict I declared tinyscrollbar.min.js to its local view file:app/view/profile/new.html.erb and it solved my error 🙂