function 相关问题

因此，在我正在使用的网站中，我尝试让用户单击搜索按钮时显示搜索栏。座位按钮 - html : 因此，在我正在使用的网站中，我尝试让用户单击搜索按钮时出现搜索栏。搜索按钮 - html : <header class="header"> <div class="icons"> <div class="fa fa-search" id="search-btn"></div> </div> </header> 搜索框 - html : <form class="search-form"> <input type="text" class="search" id="search-box" placeholder="Search here..."> <label for="search-box" class="fa fa-search"></label> </form> 我添加了默认的 css 样式，使搜索框在单击搜索按钮之前消失。（因为将其添加到负值） .header .search-form { border: 0px solid; position: absolute; top: 110%; right: -110%; /*<= this line here*/ width: 50rem; height: 5rem; background: #fff; border-radius: .5rem; overflow: hidden; display: flex; align-items: center; } 并设置“活动类”来触发事件（onclick使搜索框从它所在的位置向左移动）注意：-我在搜索框中检查了这个“正确”值（在下面），它清晰可见。 .header .search-form .active{ right: 2rem; } 并添加了以下脚本 let searchForm = document.querySelector('.search-form'); document.querySelector('#search-btn').onclick = () => { searchForm.classList.toggle('active'); } 但它似乎不起作用。我尝试将其添加到js中并将元素设置为 <div class="fa fa-search" id="search-btn" onclick="function_name()"></div> 它也不起作用，我仔细检查了 JS 文件的路径并且匹配，它起作用了。还尝试将脚本添加为 html 文件中的内部脚本，紧邻正文结束标记之前。也没用</p> <pre><code><script>.......... </script> </body> </code></pre> <p>我也尝试过将active class的值调到右边，将其设置为更高的值，但什么也没发生</p> </question> <answer tick="false" vote="0"> <p>您的 CSS 选择器 <pre><code>.header .search-form .active</code></pre> 获取具有 <pre><code>active</code></pre> 类并且同时是 <pre><code>.search-form</code></pre> 的后代的元素。正确的选择器是 <pre><code>.header .search-form.active</code></pre>（注意 <pre><code>.search-form</code></pre> 和 <pre><code>.active</code></pre> 之间的空格不再存在）指向同时具有 <pre><code>search-form</code></pre> 和 <pre><code>active</code></pre> 类的元素。</p> </answer> </body></html>

javascript html css function

回答 0 投票 0

在VBA中填充系列动态范围[关闭]

我有一系列日期，其中缺少一些，我正在尝试在宏中使用“填充系列”工具来获取完整的日期列表。使用“填充系列”工具时，您无法引用停止中的单元格...

excel vba function parameters range

回答 1 投票 0

如何定义一个函数来返回两个函数的和？

我正在学习有关函数的 Python 课程。我创建了一个简单的平方根函数： def sqrt(x): 返回 x ** 0.5 打印（开方（9））现在，我想创建一个可以调用 sqrt 的函数...

python function

回答 2 投票 0

PreLunchedTask“C/C++：g++.exe 构建活动文件”以退出代码 -1 终止

我是学习初学者，我正在测试，我尝试将 .cpp 与 .h/.hpp 一起使用，根据链接：“https://learn.microsoft.com/en-us/cpp/cpp/header -files-cpp?view=msvc-170”，但我没有