Javascript jQuery对话框在three.js中不工作

在three.js中使用时，jQuery对话框不工作。我正在尝试使用jQuery在圆上实现单击事件（使用圆几何体）。但它不支持。这是我的密码：

函数onDocumentMouseDown（事件）{
event.preventDefault（）；
var vector=new THREE.Vector3（（event.clientX/window.innerWidth）*2-1，-（event.clientY/window.innerHeight）*2+1，0.5）；
矢量=矢量。取消投影（摄像机）；
var raycaster=new THREE.raycaster（camera.position，vector.sub（camera.position.normalize（））；
var intersects=raycaster.intersectObjects（sphereMesh.children，true）；
如果（相交长度>0）{
console.log（与[0]相交）；
if（与[0]相交。object.name==“网格”）{
contactus（）；
}
}
}
函数contactus（）{
$（“#对话框消息”）.dialog({
真的，
展示：{
效果：“盲”，
持续时间：1000
},
隐藏：{
效果：“爆炸”，
持续时间：1000
}
});
}

---

我无法看到对话框中的内容。但我可以看到带有“关闭”按钮的对话框。而鼠标单击在对话框上不起作用。

内容与jQuery对话框无关，您可以通过添加任何硬编码常量来尝试，要使事件起作用，您需要使用如下按钮绑定这些内容：

$( #dialog-message" ).dialog({
  dialogClass: "no-close",
  buttons: [
    {
      text: "OK",
      click: function() {
        $( this ).dialog( "close" );
      }
    }
  ]
});

---

此外，您还可以参考api，

您需要记录.addEventListener（'mousedown'，onDocumentMouseDown，false）；这篇文章可能有助于进一步yaa我以前做过…谢谢你Anil。。我已经看到了那个链接。。。我没有遇到raycaster或任何mousedown事件的问题。。我面临jQuery对话框的问题，请标记为答案，也可以投票。