html 相关问题

我有一个问题。我想在“游戏”下拉菜单中创建“我们的选择”下拉菜单，但我不知道为什么代码不起作用。你们能告诉我问题出在哪里吗？我有一个问题。我想在“游戏”下拉菜单中创建“我们的选择”下拉菜单，但我不知道为什么代码不起作用。你们能告诉我问题出在哪里吗？ <div class="collapse navbar-collapse" id="menu"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Games</a> <ul class="dropdown-menu games-menu" > <li><a href="latest.html" class="dropdown-item">Latest</a></li> <li><a href="best_selling.html" class="dropdown-item">Best Selling</a></li> <div class="dropdown"> <li><a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown">Our Pick</a></li> <ul class="dropdown-menu games-menu"> <li><a href="2019.html" class="dropdown-item">2019</a></li> <li><a href="2020.html" class="dropdown-item">2020</a></li> </ul> </div> </ul> </li> </ul> </div> 您可以简单地添加另一个嵌套的 li，其中包含另一个 dropdown，并使用自定义 CSS 在悬停时显示该 dropdown。现场工作演示： .sub-menu:hover .games-menu { display: block; } .sub-menu2:hover .our-pick-menu { display: block; }  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <div class="navbar-collapse" id="menu"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Games</a> <ul class="dropdown-menu games-menu"> <li><a href="latest.html" class="dropdown-item">Latest</a></li> <li><a href="best_selling.html" class="dropdown-item">Best Selling</a></li> <div class="dropdown"> <li class="sub-menu"><a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown">Our Pick</a> <ul class="dropdown-menu games-menu"> <li><a href="2019.html" class="dropdown-item">2019</a></li> <li><a href="2020.html" class="dropdown-item">2020</a></li> <div class="dropdown"> <li class="sub-menu2"><a href="#" class="dropdown-item dropdown-toggle our-pick-2" data-toggle="dropdown">Our Pick 2</a> <ul class="dropdown-menu our-pick-menu"> <li><a href="2019.html" class="dropdown-item">2021</a></li> <li><a href="2020.html" class="dropdown-item">2022</a></li> </ul> </li> </div> </ul> </li> </div> </ul> </li> </ul> </div>

html twitter-bootstrap bootstrap-4

回答 1 投票 0

href="tel:" 和手机号码

如果我使用电话：我应该写国际电话代码，就像这样。 61709 到目前为止，一切都很好，但我找不到有关如何编写手机nu的信息...

html href tel

回答 5 投票 0

谷歌翻译cdn

我正在 HTML 网站上工作，我有谷歌翻译器 CDN，我想将英语更改为另一种在谷歌页面洞察中也能正常工作的语言。我收到这个错误：道具...

javascript html css cdn google-translator-toolkit

回答 1 投票 0

你帮我使用 npm 吗？

我有这个问题，你能帮我吗？我检查了代码没有缺少rdup C:\Users....\desktop\my_first_task> npm run rdup npm 错误缺少脚本：“rdup” npm 错误 npm 错误要...

javascript html json npm npm-run

回答 1 投票 0

如何在addEventListener中使用函数传递参数？

按照传统方式添加事件监听器：函数 getComboA(sel) { var value = sel.options[sel.selectedIndex].value; } 传统方式添加事件监听： function getComboA(sel) { var value = sel.options[sel.selectedIndex].value; } <select id="comboA" onchange="getComboA(this)"> <option value="">Select combo</option> <option value="Value1">Text1</option> <option value="Value2">Text2</option> <option value="Value3">Text3</option> </select> 但我想适应addEventListener方式： productLineSelect.addEventListener('change',getSelection(this),false); function getSelection(sel){ var value = sel.options[sel.selectedIndex].value; alert(value); } 它不起作用，因为我无法将 getSelection() 中的任何参数作为 addEventListener 方法中的第二个参数传递？据我所知，我只能使用不带括号的函数名称。有什么想法吗？顺便说一句，请看看我之前的问题关于console.log在Safari 6.0开发者检查器中不起作用，我无法在控制台中写入任何输出，这令人沮丧。无需传入任何内容。用于 addEventListener 的函数将自动将 this 绑定到当前元素。只需在函数中使用 this 即可： productLineSelect.addEventListener('change', getSelection, false); function getSelection() { var value = this.options[this.selectedIndex].value; alert(value); } 这是小提琴：http://jsfiddle.net/dJ4Wm/ 如果您想将任意数据传递给函数，请将其包装在您自己的匿名函数调用中： productLineSelect.addEventListener('change', function() { foo('bar'); }, false); function foo(message) { alert(message); } 这是小提琴：http://jsfiddle.net/t4Gun/ 如果要手动设置this的值，可以使用call方法来调用该函数： var self = this; productLineSelect.addEventListener('change', function() { getSelection.call(self); // This'll set the `this` value inside of `getSelection` to `self` }, false); function getSelection() { var value = this.options[this.selectedIndex].value; alert(value); } 在 JS 代码的第一行： select.addEventListener('change', getSelection(this), false); 您通过将 (this) 放在函数引用后面来调用 getSelection。这很可能不是您想要的，因为您现在将该调用的返回值传递给 addEventListener，而不是对实际函数本身的引用。在 addEventListener 调用的函数中，this 的值将自动设置为侦听器附加到的对象，在本例中为 productLineSelect。如果这就是您想要的，您只需传递函数引用即可，在本示例中，在 addEventListener 的调用中，this 将是 select： select.addEventListener('change', getSelection, false); 如果这不是你想要的，你最好bind你对此的价值到你传递给的函数addEventListener： var thisArg = { custom: 'object' }; select.addEventListener('change', getSelection.bind(thisArg), false); .bind部分也是一个调用，但是这个调用只是返回我们调用bind的相同函数，并且该函数范围内this的值fixed到thisArg，有效地覆盖了this 绑定的动态性质。要解决您的实际问题：“如何将参数传递给 addEventListener 中的函数？” 您必须使用额外的函数定义： var globalVar = 'global'; productLineSelect.addEventListener('change', function(event) { var localVar = 'local'; getSelection(event, this, globalVar, localVar); }, false); 现在我们传递事件对象、对 addEventListener 回调内的 this 值的引用、在该回调内定义和初始化的变量，以及从整个 addEventListener 调用外部到您自己的 getSelection 函数的变量。我们也可能再次选择一个对象作为外部回调中的this： var thisArg = { custom: 'object' }; var globalVar = 'global'; productLineSelect.addEventListener('change', function(event) { var localVar = 'local'; getSelection(event, this, globalVar, localVar); }.bind(thisArg), false); 当您使用addEventListener时，this将自动绑定。因此，如果您想要引用安装了事件处理程序的元素，只需在函数中使用 this 即可： productLineSelect.addEventListener('change',getSelection,false); function getSelection(){ var value = sel.options[this.selectedIndex].value; alert(value); } 如果你想从调用 addEventListener 的上下文中传递一些其他参数，你可以使用闭包，如下所示： productLineSelect.addEventListener('change', function(){ // pass in `this` (the element), and someOtherVar getSelection(this, someOtherVar); },false); function getSelection(sel, someOtherVar){ var value = sel.options[sel.selectedIndex].value; alert(value); alert(someOtherVar); } 如果您想要的 this 值正是您将事件处理程序绑定到的对象，那么 addEventListener() 已经为您完成了该操作。当你这样做时： productLineSelect.addEventListener('change', getSelection, false); getSelection 函数将被调用，并将 this 设置为事件处理程序绑定到的对象。它还将传递一个表示事件对象的参数，该对象具有有关事件的各种对象信息。 function getSelection(event) { // this will be set to the object that the event handler was bound to // event is all the detailed information about the event } 如果所需的 this 值是您绑定事件处理程序的对象之外的其他值，您可以这样做： var self = this; productLineSelect.addEventListener('change',function() { getSelection(self) },false); 作为解释：您将 this 的值保存到其他事件处理程序中的局部变量中。然后创建一个匿名函数来传递 addEventListener。在该匿名函数中，您调用实际函数并向其传递 this 的保存值。您可以通过两种方式做到这一点。一种是使用 curry 函数，另一种是使用 bind。可能还有另一种使用 call 的方式。

javascript html dom-events

回答 0 投票 0

提交表单后在感谢页面上设置cookie

我正在尝试在提交表单时建立一个cookie。当用户从其他页面提交表单时，如何确保在感谢页面上设置 cookie？表单存在于 http://www.example...

html jquery cookies

回答 1 投票 0

启动时在 Angular 模板中定义 div 的样式

我有这个div 我有这个div <div class="relative rounded overflow-clip border w-full" [style.aspect-ratio]="media.value.ratio"> <img fill priority [ngSrc]="media.value.src || ftaLogo" [alt]="media.value.caption" [style.object-fit]="media.value.fit" (click)="insertMedia()"> </div> 在启动时，我尝试根据模型分配长宽比，但它不适用，有什么问题吗？我的模型长宽比是16:9，即使在浏览器中检查，我的风格也从未被应用过。但是当我在应用程序运行时更改纵横比（通过单击按钮）时，它就可以工作了。你可以尝试一下，aspectRatio而不是aspect-ratio <div class="relative rounded overflow-clip border w-full" [style.aspectRatio]="media.value.ratio"> <img fill priority [ngSrc]="media.value.src || ftaLogo" [alt]="media.value.caption" [style.objectFit]="media.value.fit" (click)="insertMedia()"> </div>

html css angular typescript dom

回答 1 投票 0

Python Dash：如何将回调期间生成的 HTML 代码添加到布局？

我当前的具体问题是我想将回调期间生成的 pandas DataFrame 渲染为表。它不必是可点击的、可排序的等。目前我正在使用 mar...

python html dataframe plotly-dash

回答 1 投票 0

在 d3 连接中添加多个元素时控制顺序

通过 d3 从添加行到网格布局进行跟进通过以下代码片段，我现在可以将数据添加为网格布局中的行。然而，正如您所看到的，d3 首先添加所有 cell1，然后添加所有 cell2，最后...

javascript html d3.js css-grid

回答 1 投票 0

HTML：您可以隐藏/忽略浏览器查找中的文本元素 (CTRL+F)

我有一个 Web 应用程序，其 UI 相当复杂，并且屏幕的一部分保留用于内容。如果可能的话，我想这样做，以便当用户使用浏览器的内置文本搜索时...