Error in java script using in Asp.net.

Question

This is my function of jquery I am using jquery function to slide and fade div and its a * jQuery UI Effects Slide 1.8.16

Here is the Header

<script src="js/Newfolder/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="js/Newfolder/jquery-1.6.2.min.js" type="text/javascript"></script>
   <script src="js/jquery.effects.slide.js" type="text/javascript"></script>
<script src="js/jquery.effects.core.js" type="text/javascript"></script>
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='js/jquery.js'></script>



(function( $, undefined ) {

$.effects.slide = function(o) {

return this.queue(function() {

    // Create element
    var el = $(this), props = ['position','top','bottom','left','right'];

    // Set options
    var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
    var direction = o.options.direction || 'left'; // Default Direction

    // Adjust
    $.effects.save(el, props); el.show(); // Save & Show
    $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
    var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
    var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
    var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) : el.outerWidth({margin:true}));
    if (mode == 'show') el.css(ref, motion == 'pos' ? (isNaN(distance) ? "-" + distance : -distance) : distance); // Shift

    // Animation
    var animation = {};
    animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance;

    // Animate
    el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
        if(mode == 'hide') el.hide(); // Hide
        $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
        if(o.callback) o.callback.apply(this, arguments); // Callback
        el.dequeue();
    }});

});

};

})(jQuery);

When I publish that on Visual Studio 2010 and browse on Inter Explorer 9 I am getting this Error :

Microsoft JScript runtime error: Unable to set value of the property 'slide': object is null or undefined

Please show the js file includes in the header section of your page. — Java_User
– Java_User, Commented Feb 20, 2014 at 10:46
<script src="js/Newfolder/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script> <script src="js/Newfolder/jquery-1.6.2.min.js" type="text/javascript"></script> <script src="js/jquery.effects.slide.js" type="text/javascript"></script> <script src="js/jquery.effects.core.js" type="text/javascript"></script> <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" /> <script type='text/javascript' src='js/jquery.js'></script> — Jay Zee
– Jay Zee, Commented Feb 20, 2014 at 10:57

Java_User · Accepted Answer · 2014-02-20 11:15:22Z

1

Re-order your js includes like this:

<script src="js/Newfolder/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/Newfolder/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.effects.slide.js" type="text/javascript"></script>
<script src="js/jquery.effects.core.js" type="text/javascript"></script>

Bascically you need to include your jQuery lib before anything else.

edited Feb 20, 2014 at 11:15

answered Feb 20, 2014 at 11:07

Java_User

1,3213 gold badges27 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Matt Tabor · Accepted Answer · 2014-02-20 11:09:32Z

1

You need to load jquery before you load jqueryUI

answered Feb 20, 2014 at 11:09

Matt Tabor

1,0538 silver badges10 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:31:57Z

0

The order should look like this...

<script src="js/Newfolder/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.js"></script>//not sure what this is?
<script src="js/Newfolder/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.effects.slide.js" type="text/javascript"></script>
<script src="js/jquery.effects.core.js" type="text/javascript"></script>
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />

Check the 2nd link, as I don't know what this is? your version of jquery? Also, use double quotes instead of single.

also, you could move these to the footer of the page instead of in the header to help with load times. See this post for some pointers Where should I put my JavaScript code?.

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Feb 20, 2014 at 11:11

Christian Phillips

18.8k8 gold badges55 silver badges85 bronze badges

Collectives™ on Stack Overflow

Error in java script using in Asp.net.

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related