Question

Error in Jquery

In view file (index.php)

 <script type="text/javascript" src="crosscut.js" ></script> 
 <script src="jquery-ui.min.js" type="text/javascript"></script>
 <script type="text/javascript" src="mod-min.js" ></script>
 <script type="text/javascript" src="jquery-min.js" ></script>

In Javascript file

$(document).ready(function() {
    $('#crossline').css('background-color','blue');
});

button = function() {
   // other code
}

I have included jquery-min.js in script and it is loaded on page loading. jquery-min.js all code loaded while inspecting through firebug .

If file may be corrupted ,So I tried live path of “http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js” still not works.

If calling javascript function uses jquery works fine if ready function not set .

Answer 1

You’re not providing much info, but one issue you have is that you’re loading jQueryUI before you load jQuery.

Any other files that rely on jQuery must be loaded after jQuery as well.

    <!-- this one first! -->
 <script type="text/javascript" src="jquery-min.js" ></script>

 <script type="text/javascript" src="crosscut.js" ></script> 
 <script src="jquery-ui.min.js" type="text/javascript"></script>
 <script type="text/javascript" src="mod-min.js" ></script>