Question

总共JS noob在这里。我有以下行来实现jQuery Slider：

<script type="text/javascript">
    $(document).ready(function () {
        $("#wheelLeft").slider({ 
                 orientation: 'vertical', value: 37, 
                 min: -100, max: 100, 
                 slide: function (event, ui) { $("#lblInfo").text("left"); } });
    });
</script>

基本上在slide事件中，#lblInfo将其文字设置为left。这很好用。但是，我想将处理幻灯片事件的内联匿名函数转换为常规函数。

有人可以帮忙吗？

Answer 1

<script type="text/javascript">

function handleSlide(event, ui) { 
    $("#lblInfo").text("left"); 
}

$(document).ready(function () {
    $("#wheelLeft").slider({ 
             orientation: 'vertical', value: 37, 
             min: -100, max: 100, 
             slide: handleSlide
    });
});
</script>

Answer 2

<script type="text/javascript">
    function myfunc(event, ui) {

    }

    $(document).ready(function () {
        myfunc(event, ui)
    });
</script>

会这样做。它显然不是一个理想的解决方案，因为它仍然使用匿名，但应该解决您需要手动操作函数的任何问题

Answer 3

只需定义一个命名函数：

function doSlide(event, ui)
{
    $("#lblInfo").text("left");
}

$(document).ready(function() {
    $("#wheelLeft").slider({
        orientation: 'vertical', value: 37, 
        min: -100, max: 100, 
        slide: doSlide
    });
});

Answer 4

$(document).ready(function myFunction() {
    // do something
});

如何将匿名函数转换为常规函数？

4 个答案: