Javascript jquery悬停在对话框上 风险值条='nbsp'； $view=jQuery（“#view”）； $view.dialog（{ 身高：650， 宽度：650， 按钮：{“欢迎”： 函数（）{msg（）；} }, 打开：功能（事件、用户界面） {if（完全切换==1） { $bar.dialog（'open'）； } } }) ; bar=$（“.bar”，“#视图”）。对话框（{ 身高：30， 宽度：“100%”， textAlign:“证明”， marginLeft：“自动”， marginRight：“自动” })

在上面的脚本中，由于bar是一个对话框，如何在bar上执行悬停或鼠标悬停属性

<div id="view"></div>
<div class="bar" style="padding:0px;" id="bar">
    <script>
       var bar = '<img class="myclass" src="button.png" >&nbsp&nbsp' ;
       $view = jQuery('#view') ;
       $view.dialog({ 
          height: 650, 
          width: 650, 
          buttons: { "welcome" :        
             function() { msg() ; } 
          },
          open: function(event, ui) 
           { if (full_toggle == 1) 
             {             
                $bar.dialog('open') ;
             } 
            }
          }) ;
        bar = $(".bar", "#view").dialog({ 
                 height: 30, 
                 width: '100%',
                 textAlign : "justify",  
                 marginLeft : "auto",
                 marginRight:"auto"
         })
    </script>
</div>

或

---

您不需要将javascript代码与HTML混合使用。您可以将它放在

$（function（）{}）中的HEAD部分像下面的代码一样




在看到您更新了有关对话框的问题后：

jQueryUI对话框呈现一些html。我建议您插入要悬停的html

例如：

您还可以使用：

寻找额外的资源

$view.dialog({
       open: function(){ 
            $('.ui-dialog').hover( function(){ alert('Hover!'); } });
       }
});

我还建议修改一下你的代码。。。如果您将所有HTML元素（如图像）放在其中，然后在页面底部，放置可用于初始化所有其他项目（如对话）的文档就绪jQuery代码，阅读起来会更简洁，等等。将JavaScript放在页面底部将缩短加载时间。
由于工具栏是一个对话框，我认为调用鼠标悬停会更复杂，我已经尝试过了，但它不起作用。感谢性能评论使用firebug并检查css。听起来好像z-index需要调整。由于bar是一个对话框，我认为调用悬停会更复杂
 $('.myclass').hover(function(){
   // whatever....
 });

$(function(){
     $('.bar').hover(
        function(){ alert('Hover!'); },
        function(){ alert('Hover Out!'); }
     );
});

$('.ui-dialog').live('hover', function(){ alert('Hover!'); } );

$view.dialog({
       open: function(){ 
            $('.ui-dialog').hover( function(){ alert('Hover!'); } });
       }
});

 $('#bar').hover(function(){ 
        alert('I was hovered...'); 
        //function code here...
    },
    function(){ 
        alert('No longer hovered...'); 
        //function code here...
    }
 });