在jQuery中命名函数

-4

我想命名这个jQuery函数，如“showElements”。我怎样才能做到这一点？在jQuery中命名函数

$(function() { 
    $("#sortable").sortable({ 
     revert: true 
    }); 
    $("#draggable").draggable({ 
     connectToSortable: "#sortable", 
     helper: "clone", 
     revert: "invalid" 
    }); 
    $("ul, li").disableSelection(); 
});

来源

2013-01-20 user1993927

作为一个jQuery插件：

(function ($,undefined) { 
    $.showElements = function() { 
     $("#sortable").sortable({ 
     revert: true 
     }); 
     $("#draggable").draggable({ 
     connectToSortable: "#sortable", 
     helper: "clone", 
     revert: "invalid" 
     }); 
     $("ul, li").disableSelection(); 
    }; 
}(jQuery));

使用它，像这样：$.showElements();

由于只是一个普通的功能：

var showElements = function() { 
    $("#sortable").sortable({ 
    revert: true 
    }); 
    $("#draggable").draggable({ 
    connectToSortable: "#sortable", 
    helper: "clone", 
    revert: "invalid" 
    }); 
    $("ul, li").disableSelection(); 
};

使用它像这样：showElements();脆弱：你正在污染全球范围

来源

2013-01-20 01:51:49 robrich

首先，你必须包括jQuery库，然后：

<script type="text/javascript"> 
    function showElements() 
    { 
     $("#sortable").sortable({ 
      revert: true 
     }); 
     $("#draggable").draggable({ 
      connectToSortable: "#sortable", 
      helper: "clone", 
      revert: "invalid" 
     }); 
     $("ul, li").disableSelection(); 
    } 
</script>

来源

2013-01-20 01:49:14 KhalidTaha

感谢您的回答。我尝试使用OnClient =“ShowElements（）”从asp.net调用此函数。但它不起作用。 – user1993927

您确定JQuery可用并处于活动状态吗？ – KhalidTaha

@ user1993927你的意思是'OnClientClick'？ –

喜欢的东西：

<script type="text/javascript"> 
    var showElements = function() { 
     $("#sortable").sortable({ 
      revert: true 
     }); 
     $("#draggable").draggable({ 
      connectToSortable: "#sortable", 
      helper: "clone", 
      revert: "invalid" 
     }); 
     $("ul, li").disableSelection(); 
    }; 

    $(function(){ 
     showElements(); 
    }); 
</script>

来源

2013-01-20 01:49:28

谢谢。第一次加载时，我不想看到页面中的元素。我想看看我什么时候点击按钮。 – user1993927

然后取出代码的第二部分，不要在ready事件中调用它。 –

在这种情况下没有必要对被包裹在jQuery的功能全球（$）。只要创建这样的功能：

function showElements() { 
$("#sortable").sortable({ 
    revert: true 
}); 
$("#draggable").draggable({ 
    connectToSortable: "#sortable", 
    helper: "clone", 
    revert: "invalid" 
}); 
$("ul, li").disableSelection(); 
}

来源

2013-01-20 01:50:53

在jQuery中命名函数

回答

相关问题