javascript 相关问题

JavaScript（不要与Java混淆）是一种高级，动态，多范式，面向对象，基于原型的弱类型语言，用于客户端和服务器端脚本。它的主要用途是渲染和操作网页。使用此标记可以了解有关ECMAScript及其各种方言/实现的问题（不包括ActionScript和Google-Apps-Script）。

设置 epub.js

任何使用 epub.js 或能够理解此处所谓的“文档 https://github.com/futurepress/epub.js 的人？我的代码有什么问题吗？我已经一步步按照文档进行操作...Wh...

javascript epub epub.js

回答 8 投票 0

平滑滚动不适用于过渡动画

我正在将 NextJS 用于个人网站。我试图同时拥有平滑滚动和变换动画，以增加所选项目的大小。这里有一个简单的演示，展示了我正在做什么...

javascript reactjs scroll

回答 1 投票 0

d3js 饼图，对于带有轻微圆角的部分具有特定的不太传统的不同模式

我正在尝试不同的图表样式 - 我想知道如何为不同的部分创建这些确切类型的图案纹理图表。您如何开始创建其中一些

javascript d3.js

回答 1 投票 0

如何在 iOS 上的 WKWebView 内执行的 Javascript 中接收在线/离线事件？

我有一个 iOS 应用程序，它使用 WKWebView 加载本地 HTML/JS 文件，其中包含在线/离线事件侦听器，但当用户丢失/重新获得连接时它们不会被触发。相同的 HTML/JS 适用于 Andr...

javascript ios swift wkwebview

回答 1 投票 0

：悬停在动态添加时不起作用 <li>

在下面的示例中，“我是黄色” 在悬停时会变成黄色，但是当您在输入中输入内容并单击“生成文本”时，动态附加的在下面的示例中，“我是黄色”<li> 在悬停时会变成黄色，但是当您在输入中输入内容并单击“生成文本”时，动态附加的 <li> 在悬停时的行为会有所不同. 我尝试通过课堂选择附加的李，但仍然不起作用。似乎有一些关于附加元素的内容我没有得到。为了节省您一些时间阅读代码，我确信您只需要查看 .hover 函数即可。 <body> <a href="" class="buttn btn btn-secondary"> <div class="" style="background-color: rgb(0, 0, 0); display: inline;"> Hello</div> </a> <a href="" class="buttn2"> <div class="btn" style="background-color: aqua; display: inline;"> Bye</div> </a> <form class="form-disable"> <br> <input type="text" id="message2"> <br> <button id="myButton" type="submit" disabled>Generate Text</button> </form> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <script src="jQueryDrills.js"></script> </body> <script> $(".form-disable").after("<ul class='the-list'><li><h2>Im Yellow</h2></li></ul>"); $("#myButton").click(function(event) { let theH2 = document.createElement('h2'); let theLI = document.createElement('li'); let $alert = $('#message2').val(); $(theH2).text($alert); $(theLI).append(theH2) $(".the-list").append(theLI); event.preventDefault(); }) $(".the-list > li").hover(function(){ $(this).css("background-color", "yellow"); },function(){ $(this).css("background-color", "white"); } ) $("#message2").click(function(){ $("#myButton").removeAttr("disabled"); // event.preventDefault(); }) </script> 首次添加事件监听器时，只有 1 个 <li> 元素，因此仅将事件监听器添加到第一个 <li> 元素。相反，在创建元素后专门将事件侦听器添加到元素中，如下所示： <body> <a href="" class="buttn btn btn-secondary"> <div class="" style="background-color: rgb(0, 0, 0); display: inline;"> Hello</div> </a> <a href="" class="buttn2"> <div class="btn" style="background-color: aqua; display: inline;"> Bye</div> </a> <form class="form-disable"> <br> <input type="text" id="message2"> <br> <button id="myButton" type="submit" disabled>Generate Text</button> </form> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <script src="jQueryDrills.js"></script> </body> <script> $(".form-disable").after("<ul class='the-list'><li><h2>Im Yellow</h2></li></ul>"); $("#myButton").click(function(event) { let theH2 = document.createElement('h2'); let theLI = document.createElement('li'); let $alert = $('#message2').val(); $(theH2).text($alert); $(theLI).append(theH2) $(".the-list").append(theLI); $(theLI).hover(function() { $(this).css("background-color", "yellow"); }, function() { $(this).css("background-color", "white"); } ) event.preventDefault(); }) $(".the-list > li").hover(function() { $(this).css("background-color", "yellow"); }, function() { $(this).css("background-color", "white"); } ) $("#message2").click(function() { $("#myButton").removeAttr("disabled"); // event.preventDefault(); }) </script> 使用 CSS，一切变得更加容易： li:hover{ background-color:yellow; } <body> <a href="" class="buttn btn btn-secondary"> <div class="" style="background-color: rgb(0, 0, 0); display: inline;"> Hello</div> </a> <a href="" class="buttn2"> <div class="btn" style="background-color: aqua; display: inline;"> Bye</div> </a> <form class="form-disable"> <br> <input type="text" id="message2"> <br> <button id="myButton" type="submit" disabled>Generate Text</button> </form> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <script src="jQueryDrills.js"></script> </body> <script> $(".form-disable").after("<ul class='the-list'><li><h2>Im Yellow</h2></li></ul>"); $("#myButton").click(function(event) { let theH2 = document.createElement('h2'); let theLI = document.createElement('li'); let $alert = $('#message2').val(); $(theH2).text($alert); $(theLI).append(theH2) $(".the-list").append(theLI); event.preventDefault(); }) $("#message2").click(function() { $("#myButton").removeAttr("disabled"); // event.preventDefault(); }) </script> 你可以这样做！ $(document).on("mouseover", ".your-dynamic-class", function() { //your hover in function }); $(document).on("mouseleave", ".your-dynamic-class", function() { //your hover out function }); $(".the-list > li") 选择器查找页面上已有的元素。如果您希望定位动态创建的元素，那么您需要首先定位您知道页面上的元素，然后定位动态生成的元素并使用 JQuery on 方法附加事件类型，从而将其分解。 $(".the-list").on("click", "li", function(){ // do whatever here. })

javascript html jquery

回答 3 投票 0

在下拉更改选择上启用禁用多个输入

我正在尝试在选择框更改时启用或禁用多个文本框。这意味着当我在选择框中选择任何选项时，所有字段都应启用。尝试了下面的 JavaScript 和 Html...

javascript jquery textbox dropdown disable

回答 1 投票 0

通过 Amplify Auth 在 Next.js 应用程序上使用 cookie 存储

我目前正在使用 Next.js 创建一个网站，其中我使用 Amplify 来验证我的用户。但问题是 Amplify 在浏览器的 localStorage 上存储用户的会话（包括令牌）......

javascript next.js cookies aws-amplify amplify-auth-cognito

回答 1 投票 0

Flickity js |图像不断重叠，直到调整屏幕大小

我正在尝试制作一个动态 Flickity 滑块，以便当您单击模板图像时，它会打开一个滑块。我遇到了图像相互重叠的问题，因此滑块...