小编Man*_*wal的帖子

Bootstrap 5 带有 html 内容的弹出窗口

我试图将 bootstrap5 弹出窗口内容与 HTML 属性分开,就像对其他组件所做的那样,但我无法让它工作。

var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function(popoverTriggerEl) {
  return new bootstrap.Popover(popoverTriggerEl)
})
Run Code Online (Sandbox Code Playgroud)
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">

<a type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover">Click to toggle popover</a>
<div id="customdiv" style="display: none">
  <h1> popover </h1>
</div>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
Run Code Online (Sandbox Code Playgroud)

javascript css bootstrap-5

10
推荐指数
4
解决办法
3万
查看次数

如何在 p 标签中获取输出?

为什么这段代码在 p Tag 中没有任何输出?请解释一下

const inputName = document.getElementById("inputName");
const btnShow = document.getElementById("btnShow");
const pShow = document.getElementById("pShow");

btnShow.addEventListener("click", () => {
  const text = inputName.Value;
  pShow.textContent = text;
});
console.log(inputName, btnShow, pShow);
Run Code Online (Sandbox Code Playgroud)

javascript

6
推荐指数
0
解决办法
52
查看次数

如何更改 npm 中的默认“作者”?

每次新建 npm 项目,作者名都写错了,可以改吗?

package name: (template) template
version: (1.0.0)
description:
entry point: (index.js) bot.js
test command:
git repository:
keywords:
license: (ISC)
About to write to:

{
  "name": "template",
  "version": "1.0.0",
  "description": "",
  "main": "bot.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "*wrong author*",
  "license": "ISC"
}
Run Code Online (Sandbox Code Playgroud)

npm

5
推荐指数
1
解决办法
2602
查看次数

Puppeteer 如何检查页面是否已重定向

我正在尝试检查waitForNavigation()页面是否切换。这是我正在使用的代码

if ((await page.waitForNavigation()) == null) {
  console.log("False");
  await browser.close();
} else {
  console.log("True");
  await browser.close();
}
Run Code Online (Sandbox Code Playgroud)

例如,假设屏幕上有一个框,您将被重定向到另一个页面。我想要TrueFalse弹出在console.log.

我不得不稍微改变一下答案,但就是这样

if (newUrl == startingURL) {
  console.log("False");
  await browser.close();
} else {
  console.log("True");
  await browser.close();
}
Run Code Online (Sandbox Code Playgroud)

javascript puppeteer

4
推荐指数
1
解决办法
5609
查看次数

标签 统计

javascript ×3

bootstrap-5 ×1

css ×1

npm ×1

puppeteer ×1