代码在JSFiddle之外无法正常运行

Code not functioning properly outside JSFiddle

本文关键字：正常运行 JSFiddle 代码      更新时间：2023-09-26

http://jsfiddle.net/7m7uK/940/

这似乎在JSFiddle中工作得很好，但当我将其移动到实际的代码/浏览器时就不行了。。。当我创建一个新的jsfiddle时，它也不起作用。滑动内容只显示为覆盖上一个链接，因此无法再次关闭

有人知道发生了什么事吗？

$('#loginPanel1').click(function () {
    if ($('#userNav').is(':hidden')) {
        $('#userNav').show('slide', {
            direction: 'right'
        }, 500);
    } else {
        $('#userNav').hide('slide', {
            direction: 'right'
        }, 500);
    }
});
$('#loginPanel2').click(function () {
    if ($('#userNav').is(':hidden')) {
        $('#userNav').show('slide', {
            direction: 'right'
        }, 500);
    } else {
        $('#userNav').hide('slide', {
            direction: 'right'
        }, 500);
    }
});

好的，尝试以下操作。

  1. 确保添加了jquery.js
  2. 确保添加了jquery-ui.js
  3. 并用$(function(){ });包装您的代码

我想应该在里面。

相关文章：