data-role=“tagsinput” 在 crome 和 edge 中工作，但在 Internet Explorer 中不起作用-解网

问：

我正在使用 Bootstrap 设计一个网站。TagsInput 在 Chrome 和 Edge 中有效，但在 Internet Explorer 中无效。标记框未显示在 Internet Explorer 中附上以下代码：-

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
            <meta name="description" content="" />
            <meta name="author" content="" />
            <title>TNL metadata tagging</title>
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
            <link rel="stylesheet" type="text/css" href="css/bootstrap-tagsinput.css">
            <link href="css/styles.css" rel="stylesheet" />
        </head>
        <body>
            <div class="container">
              <form class="form-horizontal">
                <div class="row row-cols-1">
                  <div class="col mt-3"><b>Category</b></div>
                  <div class="col mt-3">
                    <div class="form-group">
                        <div class="col-sm-10">
                          <input class="form-control" id="focusedInput" type="text" value="News" data-role="tagsinput" />
                        </div>
                    </div>
                  </div>
                </div>
                <button type="submit" class="btn btn-primary">Submit</button>
              </form>
            </div>
            <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <!-- Latest compiled and minified JavaScript -->
    
    <script type="text/javascript" src="js/bootstrap-tagsinput.js"></script>
<script type="text/javascript">
$("input").val()
</script>
    </body>
    </html>

屏幕截图：- IE Chrome

javascript google-chrome internet-explorer 输入 bootstrap-tags-input

我试图用您提供的代码重现问题，但失败了。我将 bootstrap 3.3.7 和 bootstrap 1.8.3 的资源文件添加到项目路径中，它在 Chrome、Edge 和 IE11 中工作正常，如此屏幕截图所示。如果可能的话，您能否提供更多详细信息，例如您使用的是哪个版本的 IE、bootstrap/bootstrap-tagsinput 资源的版本或其他东西？

0赞 Sudipta Roy 7/4/2022

@XudongPeng，实际上在IE上，我收到此错误消息“Internet Explorer限制此网页运行脚本或ActiveX控件”，我可以通过单击“允许阻止的内容”来绕过该消息，但是在使用IE的内部应用程序中，我不会弹出任何弹出窗口...我只需要通过我的代码绕过这个错误。此处使用的IE版本：-1909。

0赞 Xudong Peng 7/6/2022

如果是这种情况，您可以尝试修改Internet选项中的某些设置。只需参考以下案例：JavaScript：“Internet Explorer 限制此网页运行脚本或 ActiveX 控件”。

答： 暂无答案

上一个：鼠标悬停时隐藏左下角的 url 显示？

下一个：NVDA中的浏览器兼容性问题

data-role=“tagsinput” 在 crome 和 edge 中工作，但在 Internet Explorer 中不起作用

data-role="tagsinput" working in crome and edge but not in Internet explorer

评论