Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.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
Javascript jquery ui弹出框可拖动有缺陷_Javascript_Css_Jquery Ui - Fatal编程技术网

Javascript jquery ui弹出框可拖动有缺陷

Javascript jquery ui弹出框可拖动有缺陷,javascript,css,jquery-ui,Javascript,Css,Jquery Ui,我正在使用jQueryUI和它们的弹出显示框。这个盒子是可拖动的,我喜欢这样。它在Chrome中工作得非常好,但是在IE或Firefox中却不能正常工作。(是的,两者都是最新的) 如果我尝试拖动框,框就会消失,我必须向下滚动页面的一半才能找到它 为什么会发生这种情况?我怎么修理它?如果我不能修好它,我该如何打开Draggable <script> $(function() { $( "#accordion" ).accordion({

我正在使用jQueryUI和它们的弹出显示框。这个盒子是可拖动的,我喜欢这样。它在Chrome中工作得非常好,但是在IE或Firefox中却不能正常工作。(是的,两者都是最新的)

如果我尝试拖动框,框就会消失,我必须向下滚动页面的一半才能找到它

为什么会发生这种情况?我怎么修理它?如果我不能修好它,我该如何打开Draggable

<script>
    $(function() {
        $( "#accordion" ).accordion({
            heightStyle: "content"
        });
    });
    $(function() {
        $( "#ticket_view" ).dialog({
            autoOpen: false,
            show: {
                effect: "drop",
                duration: 1000
            },
            hide: {
                effect: "scale",
                duration: 1000
            }
        });

        $( ".ticket_viewer" ).click(function() {
            var ticket_id = $(this).attr('id');
            $('#ticket_view').load('ticketPopup/'+ticket_id);
            $( "#ticket_view" ).dialog( "open" );
        });

    });
</script>

$(函数(){
$(“手风琴”)。手风琴({
高度样式:“内容”
});
});
$(函数(){
$(“#票证视图”)。对话框({
自动打开:错误,
展示:{
效果:“放下”,
持续时间:1000
},
隐藏:{
效果:“比例”,
持续时间:1000
}
});
$(“.ticket_viewer”)。单击(函数(){
var ticket_id=$(this.attr('id');
$(“#ticket_view”).load('ticketpoup/'+ticket_id);
$(“票证视图”)。对话框(“打开”);
});
});
如果我不能修好它,我该如何打开Draggable

<script>
    $(function() {
        $( "#accordion" ).accordion({
            heightStyle: "content"
        });
    });
    $(function() {
        $( "#ticket_view" ).dialog({
            autoOpen: false,
            show: {
                effect: "drop",
                duration: 1000
            },
            hide: {
                effect: "scale",
                duration: 1000
            }
        });

        $( ".ticket_viewer" ).click(function() {
            var ticket_id = $(this).attr('id');
            $('#ticket_view').load('ticketPopup/'+ticket_id);
            $( "#ticket_view" ).dialog( "open" );
        });

    });
</script>
要停用可拖动性,请将其添加到“可拖动”代码中:

API文档在此:


你能提供一个链接到它发生的页面吗?Ane jQuery的哪个版本?

可能是CSS问题。你为Chrome和其他浏览器提供相同的样式吗?我一点也没有接触过jQueryUI的css。谢谢你的draggabl:flase。这确实阻止了它被移动。目前,它是在我的本地机器和该网站将不再上线一个月。版本是jqueryui-v1.10.4Ah。好吧,我想我的答案在解决之前会有所解决。您可以尝试更新UI,v1.11.1当前是稳定的。拖动对话框时,您在inspector工具中看到了什么?FF和IE与Chrome有何区别?此外,如果你进入FF或IE,你是否注意到它像你的本地主机一样跳跃?