Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui “如何在函数调用时发送参数”;jQueryUI可拖动的帮助程序;?_Jquery Ui_Draggable - Fatal编程技术网

Jquery ui “如何在函数调用时发送参数”;jQueryUI可拖动的帮助程序;?

Jquery ui “如何在函数调用时发送参数”;jQueryUI可拖动的帮助程序;?,jquery-ui,draggable,Jquery Ui,Draggable,我正在使用jQuery UI插件来拖放我的对象,但我有一个问题。 我的html源代码如下: <html> <body> <div id="firstDiv">some thing is here</div> </body> </html> 有些东西在这里 现在,我想使用helper拖动上面的div。我的代码是: <script type="text/javascript"> $(document)

我正在使用jQuery UI插件来拖放我的对象,但我有一个问题。 我的html源代码如下:

<html>
 <body>
  <div id="firstDiv">some thing is here</div>
 </body>
</html>

有些东西在这里
现在,我想使用helper拖动上面的div。我的代码是:

<script type="text/javascript">
 $(document).ready(function(){
  $("#firsstDiv").draggable({helper:anImage});
 });
 function anImage() {
  return '<img src="~/myImage.png" alt="" />';
 }
</script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#firsstDiv").draggable({helper:anImage($(this).text())});
 });
 function anImage(address) {
  return '<img src="'+address+'" alt="" />';
 }
</script>

$(文档).ready(函数(){
$(“#firstdiv”).draggable({helper:anImage});
});
函数anImage(){
返回“”;
}
好的,这段代码也可以,但我想设置映像地址,但当我将函数更改为有一个参数时,它就不起作用了

我的新代码是:

<script type="text/javascript">
 $(document).ready(function(){
  $("#firsstDiv").draggable({helper:anImage});
 });
 function anImage() {
  return '<img src="~/myImage.png" alt="" />';
 }
</script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#firsstDiv").draggable({helper:anImage($(this).text())});
 });
 function anImage(address) {
  return '<img src="'+address+'" alt="" />';
 }
</script>

$(文档).ready(函数(){
$(“#firstdiv”).draggable({helper:anImage($(this.text())});
});
函数anImage(地址){
返回“”;
}
但不起作用


谢谢您的帮助。

好的-您不能将参数传递到助手函数中。我很确定这就是问题所在

解决方法是创建一个设置函数,然后从那里调用
anImage
函数:

$(function(){
    $("#firsstDiv").draggable({
        helper: setup
   });
});

// function to setup draggable DOM elements
function setup() {
    anImage("~/myImage.png");
    // ... do other setup things here too
}

function anImage(imageAddress) {
    return '<img src="'+imageAddress+'" alt="" />';
}
$(函数(){
美元(“#firstdiv”)。可拖动({
助手:设置
});
});
//函数设置可拖动的DOM元素
函数设置(){
动画(“~/myImage.png”);
//…在这里也可以进行其他设置
}
函数anImage(图像地址){
返回“”;
}
当然,除非您试图为每个可拖动元素使用不同的图像地址调用
anImage
,否则上述操作将不起作用。但是无论如何,您不应该使用helper函数来实现这一点,因为我很确定它只是用来包含设置您正在创建的所有可拖动元素的代码

希望这有帮助


James

是否希望函数将地址作为参数?你能把你试过的代码贴出来吗?什么不起作用?**$(文档).ready(函数(){$(“#firstdiv”).draggable({helper:anImage(address)});});函数anImage(address){返回“”;}**ok,很好的作弊;)。但我有不止一个部门,这个地址也不一样。像这样='helper:anImage($(this).text())'这就是我在最后一条评论中的意思-你不应该使用setup方法来设置每个可拖动div的单独需求,它应该用于设置每个div的所有通用属性。你应该为设置每个div做一些不同的事情。