javascript - modal.style.display 不起作用

Question

我有一个关于模式框的反馈表，该表单已更改为消息“感谢您的反馈!”一旦用户提交，感谢以下代码:

const modal = $(".feedback-modal")
modal.html("<div class='modal-content col-sm-8 col-sm-offset-2'><span class='close'>&times;</span><p>Thank you for your feedback!</p></div>");
modal.style.display = 'none'
console.log('OK')

前两行工作完美。然而，第三个却没有。我希望模态框消失，因此我将 de .style.display 设置为 'none'，但它不起作用，尽管如果我在浏览器中编写该行控制台，它有效。请注意，console.log('OK') 也不会被执行。

有什么想法吗？

Answer 1

这是因为modal是一个jQuery对象，因此.style是undefined，这会导致脚本崩溃。

只需使用 jQuery .hide() 方法即可。

const modal = $(".feedback-modal")
modal.html("<div class='modal-content col-sm-8 col-sm-offset-2'><span class='close'>&times;</span><p>Thank you for your feedback!</p></div>");
modal.hide();
console.log('OK')