calling javascript function in jquery file

Question

hello i need to call a javascript function into jquery and the function is from another file .. i don't know how to do it :/ this is in the jquery file

if ( slotNumber == cardNumber ) {
    ui.draggable.addClass( 'correct' );
    ui.draggable.draggable( 'disable' );
    $(this).droppable( 'disable' );
    ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' }  );
    ui.draggable.draggable( 'option', 'revert', false );
    correctCards++;
    count ++;
    //i want to add the function here
} 

here's the js.js file

<script type = "text/javascript">
    function fun() {
        document.write("it's working");
    }
</script>

anyone have any idea how to do it ?

Answer 1

This is no difference from normal function call. Just put fun() in jQuery and include the scripts in the same html file where the js file comes first

Answer 2

Include js.js first then your jQuery code. I will suggest make sure that while executing jQuery code your other file should be loaded.

As you are defining fun() function globally you can call it directly.

if ( slotNumber == cardNumber ) {
  ui.draggable.addClass( 'correct' );
  ui.draggable.draggable( 'disable' );
  $(this).droppable( 'disable' );
  ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' }  );
  ui.draggable.draggable( 'option', 'revert', false );
  correctCards++;
  count ++;
  fun();
}