我想创建一个遵循拖动图像(使用jQuery UI可拖动库)自举酥料饼。由“跟随”,我的意思是,如果图像拖10个像素权,酥料饼也移动10个像素的权利。我遇到的问题是,我不知道如何将引导酥料饼链接到图像。在酥料饼的“容器”参数似乎初始化器不能工作(理想情况下,我愿把图像和酥料饼在父DIV,使该专区可拖动)。我不知道什么是最好的方式去这样做是什么?优雅的解决方案将是巨大的,但哈克一个总比没有好!
这样的事情应该工作..
$('body').on('click', function (e) {
$('[data-toggle=popover]').each(function () {
// hide any open popovers when the anywhere else in the body is clicked
if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
$(this).popover('hide');
}
});
});
$("[data-toggle=popover]").mousedown(function(){
// toggle popover when link is clicked
$(this).popover('toggle');
});
$("[data-toggle=popover]").draggable({
stop:function(){
// show popover when drag stops
$(this).popover('show');
}
});
这是假设你要显示的酥料饼当容器(链接)的“点击”。该酥料饼将切换链接被点击时,或拖动停止时显示。
此外,链路(A HREF)具有用于包含可拖动。如果你想使链接看起来像一个div设置它的CSS来display:block
。