複数のlayui.tipsが表示されるのはなぜですか?

はい、layui.tips コンポーネントは複数のヒントの同時表示をサポートしています。手順は次のとおりです。layui.tips コンポーネントを初期化します。ヒントを追加する要素ごとに、layui.tips() メソッドを呼び出します。各プロンプトを区別するには、一意の ID または要素セレクターを指定します。

layui.tips を使用して複数のヒントを表示する方法

layui.tips コンポーネントを使用すると、簡単に追加できます早速の情報。デフォルトでは、一度に表示できるプロンプトは 1 つだけです。ただし、複数の layui.tips() 呼び出しを使用すると、複数のヒントを同時に表示できます。

手順:

1. layui Javascript ライブラリを導入します。
2. layui.tips コンポーネントを初期化します。
3. ヒント情報を追加する要素の layui.tips() メソッドを呼び出します。
4. 手順 3 を繰り返して、他の要素のプロンプト情報を追加します。

コード例:

<code class="html"><script src="layui.js"></script>
<div id="div1">第一个元素</div>
<div id="div2">第二个元素</div>
<script>
layui.use('layer', function(){
  var tips = layui.tips;

  // 为第一个元素添加提示
  tips('这是第一个元素的提示', '#div1');

  // 为第二个元素添加提示
  tips('这是第二个元素的提示', '#div2');
});
</script></code>

注:

• 必ず正しい値を指定してください。 each layui.tips() 一意の ID または要素セレクターを提供するために呼び出されます。
• 複数のプロンプトが重なる場合は、maxWidth オプションを使用してプロンプト ボックスの最大幅を指定できます。
• time オプションを使用して、プロンプト情報が自動的に閉じる時間を設定できます。

以上が複数のlayui.tipsが表示されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。