-1

我正在尝试使用 ContextMenu.js 来显示一个弹出菜单，但此代码不起作用。我从这里获取了这段代码：https ://codepen.io/Iamafro/pen/bLqyGd

我想要相同的功能，但是当我将它写入单个文件时它不起作用。这种格式：

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script> all the java script code from above link goes here </script>
  <style> all the css code from above link goes here </style>
</head>
<body>
   all the html code from above link goes here
</body>
</html>
4

2 回答 2

0

它不会按您期望的方式工作，因为 Codepen 上显示的样式代码是SCSS，而不是 CSS。在将其呈现给浏览器之前，需要将其编译为 CSS。

打开 Codepen 样式窗口右上角的菜单以显示编译后的 CSS。 在此处输入图像描述

您可以将 CSS 代码放在<style></style>标签之间，它会正常工作。

如果要使用 SCSS，则必须在服务器上对其进行预处理。

于 2019-07-25T13:20:34.907 回答
0

你把脚本放在正文之前，所以它没有找到元素，因为它不存在。

将格式更新为：

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style> all the css code from above link goes here </style>
</head>
<body>
   all the html code from above link goes here
<script> all the java script code from above link goes here </script>
</body>
</html>

此外，您必须对编写的 SCSS 进行预处理，以便正确获取 CSS。

于 2019-07-25T13:20:40.810 回答