我尝试创建一个 shadow DOM 来封装内容 Script 元素,然后应用 Bootstrap 样式,并使 Bootstrap Modal 在 shadow Dom 内工作,以便它可以从网页样式和脚本中封装自己。它可以成功显示内容,但 Bootstrap js 脚本不起作用。
我尝试在 Shadow DOM 中注入所有样式和脚本文件。Bootstrap 样式有效,Bootstrap 脚本无效
$(#id) //the usual way to access a id using jQuery
parentofShadowtree.shadowRoot.querySelector('#id') //to select a element inside shadow DOM
Run Code Online (Sandbox Code Playgroud)
我认为错误是因为 Bootstrap 脚本无法像通常那样访问元素。
我相信由于访问元素的方式发生了变化,这些脚本文件不起作用。
我对吗?有没有办法克服这个问题