如何使用jquery拖动其他图像来触发拖动图像

时间:2013-02-11 09:31:41

标签: jquery jquery-ui jquery-draggable

我正在使用jquery来拖动图像。 以下是我的代码

        $( "#imgMaster" ). draggable
        ({ 
            axis: "y", 
            containment:[0,170,0,430],  
            start: function(event, ui)
                            {
                                $("#imgFrontLeft").trigger('draggable');
                            }

        });

        $( "#imgFrontLeft" ). draggable
        ({ 
            axis: "y" ,
            containment:[0,162,0,290],
        });

我的要求是,在#imgMaster拖动时,必须拖动#imgFrontLeft。 两个图像都是独立拖动的。 请帮助我,我怎么能满足我的要求。

1 个答案:

答案 0 :(得分:3)

看一下这个Fiddle链接,这将有助于您获得同步两个图像进行拖动的答案。 你可以用这个

 $("#imgFrontLeft").css('left',ui.position.left); 
 $("#imgFrontLeft").css('top',ui.position.top); 

在您的代码中拖动图片,我希望这会对您有所帮助。