jquery
  • jquery-ui
  • select
  • titlebar
  • 2017-08-09 95 views 0 likes 
    0

    我想在jQuery-UI对话框的标题栏中放入一个选择,但是当单击选择时它不会打开下拉菜单。jQuery-UI对话框 - 选择在标题栏中不起作用

    这是我的HTML代码:

    <div id="myDialog"></div> 
    

    这是我的jQuery代码:

    $("#myDialog").dialog({}); 
    var selLang='<select class="selLang "><option value="ita">ITA</option><option value="eng">EN</option></select>'; 
    $("#myDialog").dialog("open"); 
    $("#myDialog").dialog("option", "title", selLang); 
    $("#myDialog").append($(selLang)); 
    $("#myDialog").dialog('widget').find('.ui-dialog-titlebar').append($(selLang)); 
    

    你可以看到结果here

    回答

    4

    尝试this。 它可以让你拖动模态也允许从标题中选择下拉菜单。

    $('.selLang').hover(function() { 
        $("#myDialog").dialog('option', 'draggable', false); 
    },function(){ 
        $("#myDialog").dialog('option', 'draggable', true); 
    }) 
    
    +1

    非常好的解决方案。我编辑它虽然修复缺少''' –

    +0

    完美!谢谢 –

    相关问题