使用jquery调用函数

我试图在jquery中调用一个函数（函数showquick（）），但它似乎立即激活了该函数。目标是在将可拖动的拖动到可拖放状态后显示测验。这是我上传所有东西的链接。这是我的密码

函数dragItem_ts（）{ $（函数（）{ $（“#可拖动的，#可拖动的无效”）.draggable（）； $（“#可拖放”）。可拖放({ 接受：“可拖动”， drop：函数（事件、用户界面）{ $（本） .addClass（“ui状态突出显示”） .查找（“p”） .html（“正确！”） .alert（“我是一个警报框！”）； } } ); } ); showquick（）； } 函数dragItem2（）{ showquick（）； $（函数（）{ $（“#可拖动2，#可拖动非有效”）.draggable（）； $（“#可拖放2”）。可拖放({ 接受：“draggable2”， drop：函数（事件、用户界面）{ $（本） .addClass（“ui状态突出显示”） .查找（“p”） .html（“正确！”）； } }); } ); } 函数表解答（）{ //为每个选项的分数初始化变量 //如果添加更多选择和结果，则必须在此处添加另一个变量。 变量c1得分=0； var c2score=0； 变量C30得分=0； 变量C4得分=0； //在页面上获取收音机输入的列表 var choices=document.getElementsByTagName（'input'）； //通过所有收音机输入进行循环

---

对于（i=0；i您必须在

drop

函数中执行您的函数

$(function() {

    $('#draggable_ts, #draggable-nonvalid').draggable();

    $('#droppable').droppable({
        accept: '#draggable_ts',
        drop: function( event, ui ) {  // This function is executed when you drop it.
            showquiz(); // So here you execute your function
            $(this).addClass('ui-state-highlight').find('p').html('Correct!');
        }
    });
});

一条建议，如果您链接javascript functions.js文件，则无需创建和执行

dragItem\u ts（）

和

dragItem2（）

函数。只需将可拖放代码放在

文档中即可。ready

函数，该行为将分配给您的div

$(function() {

    $('#draggable_ts, #draggable-nonvalid').draggable();
    $('#droppable').droppable({
        accept: '#draggable_ts',
        drop: function( event, ui ) {  // This function is executed when you drop it.
            showquiz(); // So here you execute your function
            $(this).addClass('ui-state-highlight').find('p').html('Correct!');
        }
    });

    $('#draggable2, #draggable-nonvalid').draggable();        
    $('#droppable2').droppable({
        accept: '#draggable2',
        drop: function( event, ui ) {  // This function is executed when you drop it.
            showquiz(); // So here you execute your function
            $(this).addClass('ui-state-highlight').find('p').html('Correct!');
        }
    });
});

…并将其从html中删除

<script>
    dragItem_ts();
    dragItem2();
</script>

dragItem_ts（）；
dragItem2（）；

---

我希望它能有所帮助

那么，将showquick（）移动到drop事件处理程序中……代码不会按照您所想的顺序神奇地执行，您需要按照特定的顺序进行编码。像这样？函数dragItem_ts（）{$（function（）{$（“#draggable_ts，#draggable nonvalid”）。draggable（）；$（“#dropable”）。dropable({accept:“#draggable_ts”，drop:function（event，ui）{$（this）.addClass（“ui状态突出显示”）.find（“p”）.html（“Correct！”）.alert（“我是一个警报框！”）；.showquick（）；}}}）；}正确，您的showquick（）前面有一个“.”你需要删除它。没有按预期工作，它会立即调用函数，甚至不需要拖拽。别忘了在你的第二个函数中执行同样的操作。而且你的小提琴也不工作。哇，它工作了！！！非常感谢你解释我不懂的地方。现在我知道你可以在jquery中调用函数。非常感谢你这么做听到了！！祝你有一个愉快的一天和快乐的编码！！