欢迎 Web Awesome，最大的、最好的开源 Web 组件库。

数据属性

以下是我们的冲突检测 API 支持的数据属性。

用法

这 data-* 属性可以应用于 <script> 加载标签 conflict-detection.js。

例如，这展示了如何调整 timeout 与 data-fa-detection-timeout 属性。

  <script
    type="text/javascript"
    src="https://example.com/fontawesome/v6.5.2/js/conflict-detection.js"
    data-fa-detection-timeout="12345">
  </script>

data-fa-detection-timeout

使用属性设置 timeout 的便利方法。

这会将超时设置为 1000 毫秒

  <script
    type="text/javascript"
    src="https://example.com/fontawesome/v6.5.2/js/conflict-detection.js"
    data-fa-detection-timeout="1000">
  </script>

data-fa-detection-results-collection-max-wait

使用属性设置 resultsCollectionMaxWait 的便利方法。

这会将它设置为 3000 毫秒

  <script
    type="text/javascript"
    src="https://example.com/fontawesome/v6.5.2/js/conflict-detection.js"
    data-fa-detection-results-collection-max-wait="3000">
  </script>

data-fa-detection-ignore

将此属性应用于任何 <style>、<link> 或 <script> 标签，您希望冲突检测器忽略这些标签。

这 conflict-detection.js <script> 知道要忽略自身，无论是否使用此属性。

在这个例子中，我们将忽略一个我们知道不是冲突的样式

  <html>
    <head>
      <!-- We know this style will not conflict with Font Awesome. -->
      <style data-fa-detection-ignore type="text/css">
        body { font-size: large; }
      </style>
    </head>
    <body>
      <!-- more body content would be here -->
      <script
        type="text/javascript"
        src="https://example.com/fontawesome/v6.5.2/js/conflict-detection.js">
      </script>
    </body>
  </html>