Question

我有一个div，当盘旋时应该将另一个div转换为jquery ui对话框。

 <a href="#"><div class="btn button" id="btn button" value="">Click here for a dialog!</></a><br><span class="tooltip">rgba(66, 222, 57, .8);</span>

    <div id="are-you-sure" title="Dialog">Here it is!<br><br></div>


    <script>
    $('#btn').mouseover(function(){
       $('#are-you-sure').dialog();
    });
    </script>

我已将所有必要的样式表和脚本链接到我的页面，但该对话框仍无效。有什么想法吗？

Answer 1

来自MDN：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id

此属性的值不得包含空格。浏览器会处理包含空格的不合格ID，就好像空格是ID的一部分一样。与允许以空格分隔的值的class属性相比，元素只能通过id属性定义一个ID。 请注意，元素可能有多个ID，但其他元素应通过其他方式设置，例如通过与元素的DOM接口连接的脚本。

您无法通过该属性设置多个ID。

Answer 2

你应该总是有唯一的id，添加类作为id不是很好的编程习惯。如果您想要对包含这些类的所有按钮执行此操作，则您的选择器应为：

$('.btn.button').mouseover(function(){

如果你想让它特定于这个，那么给它一个有意义的id，例如＆＃39; openDialog＆＃39;然后选择器应该是：

$('#openDialog').mouseover(function(){

这就是我能直接看到的，不一定是唯一的错误。

Answer 3

请在下面找到所需答案的链接。

enter link description here

var opt = {
    autoOpen: false,
    modal: true,
    width: 550,
    height:650,
    title: 'Details'
};    

$('#btnbutton').mouseover(function () {
   $('#are-you-sure').dialog(opt).dialog('open');
});

Jquery对话框无法处理鼠标悬停

3 个答案: