javascript - 在 Asp.net 中使用 javascript 时出错。

Question

这是我的 jquery 函数，我正在使用 jquery 函数来滑动和淡入淡出 div 及其 * jQuery UI Effects Slide 1.8.16

这是标题

<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);

当我在 Visual Studio 2010 上发布它并在 Inter Explorer 9 上浏览时，我收到此错误:

Microsoft JScript 运行时错误:无法设置属性“slide”的值:对象为 null 或未定义

Answer 1

重新排序你的 js 包含，如下所示:

<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>

基本上，您需要先包含 jQuery 库。