show-hide 相关问题

我有一个脚本，它使我单击时显示具有特定 id 的所有 Div 这是选择器我有一个脚本，它使我单击时显示具有特定 id 的所有 Div 这是选择器 <a onclick="filterGal('simpleCart_shelfItem item Sonnenbrillen')" href="javascript:void(0);">Sonnenbrillen</a> 这是我的脚本 function filterGal(foo) { var toHide = document.getElementsByClassName(foo); for (i = 0; i < toHide.length; i++) { toHide[i].style.display = 'block'; } } 现在我的问题是如何只显示带有类名的特定 div，而不显示带有其他类名的其他 div？这些 div 将显示 nonen。试试这个： function filterGal(foo) { var toHide = document.getElementsByTagName('div'); for (i = 0; i < toHide.length; i++) { toHide[i].style.display = 'none'; } var toShow = document.getElementsByClassName(foo); for (i = 0; i < toShow.length; i++) { toShow[i].style.display = 'block'; } } 可以通过跳过与您的课程匹配的第一个循环 div 来改进。我只是向您展示添加 jquery 标签，因此您只需要执行此操作即可： function filterGal(foo) { $( "div:not("+foo+")" ).hide(); } 示例：http://jsfiddle.net/ACjeZ/1 这就是我要尝试的： $("div").Hide(); $("." + foo).Show();

javascript html show-hide

回答 3 投票 0

根据列中的 2 个变量隐藏行

卓越。请参阅我所附的图片。我想根据列颜色隐藏行，然后如果列单元格为空，则隐藏该行。我的列是 20，行 14 +。要检查的颜色是 217,217,217 所以任何灰色的罗...

excel vba show-hide

回答 1 投票 0

隐藏底部导航中的特定屏幕

我正在使用底部中殿，在底部中殿屏幕中我正在使用堆栈导航，但是当我想在特定堆栈导航屏幕中隐藏底部导航时，我尝试了很多方法，但没有任何效果。我正在使用底部中殿，在底部中殿屏幕中我正在使用堆栈导航，但是当我想在特定堆栈导航屏幕中隐藏底部导航时，我尝试了很多方法，但没有任何效果。 <NavigationContainer independent = { true }> <HomeStacks.Navigator initialRouteName="Home" > <HomeStacks.Screen name="Home" component={Home} options={{title: ('Welcome'), headerShown: false}} /> <HomeStacks.Screen name="Details" component={Details} options={{title: ('Details'), headerShown: false}}/> <HomeStacks.Screen name="Settings" component={Settings} options={{title: ('Settings'), headerShown: false}}/> <HomeStacks.Screen name="Notification" component={Notification} options={{title: ('Notifications'), headerShown: false}}/> <HomeStacks.Screen name="NewInspection" component={NewInspection} options={{title: ('NewInspection'), headerShown: false}}/> <HomeStacks.Screen name="MoveIn" component={MoveIn} options={{title: ('Move In'), headerShown: false}}/> <HomeStacks.Screen name="MoveOut" component={MoveOut} options={{title: ('Move Out'), headerShown: false}}/> <HomeStacks.Screen name="Exterior" component={Exterior} options={()=>({title: ('Exterior'), headerShown: false, tabBarStyle: { display: 'none } })}/> </HomeStacks.Navigator> </NavigationContainer> 您可以在屏幕上添加 useEffect 来隐藏底部导航，这对我有用，但不确定性能。 useEffect(() => { navigation.getParent()?.setOptions({ tabBarStyle: { display: "none", }, }); return () => navigation.getParent()?.setOptions({ tabBarStyle: undefined, }); }, [navigation]); 例如，如果您想隐藏 NewInspection 屏幕上的底部导航，只需在 NewInspection 上添加此代码即可。

react-native navigation show-hide

回答 1 投票 0

隐藏/显示密码按钮在 Vue 3 组合 API 中不起作用

我正在尝试在 vue 3 组合 API 中实现显示/隐藏密码按钮。当我单击该按钮时，它会切换密码框和确认密码框的查看/隐藏。这是我的代码视图

vuejs3 show-hide vue-composition-api

回答 1 投票 0

更改选项卡顺序后，无法在 Sugar Pro 6.3.0 中查看除当前选项卡之外的选项卡

我正在使用 Sugar 6.3.0，当我更改选项卡顺序时出现错误管理 -> 显示模块选项卡和子面板我只在网页上看到当前选项卡，所有其他选项卡都是...

php tabs show-hide sugarcrm

回答 2 投票 0

如果打开另一张图像则隐藏图像，反之亦然

我有 2 个图像（Image1、Image2）的代码，如果单击另外 2 个图像，它们都会打开，最后有 onclick 和 java 部分，如下所示： ... 我有 2 个图像（Image1、Image2）的代码，如果单击其他 2 个图像，这两个图像都会打开，最后有 onclick 和 java 部分，如下所示： <table style="whatever"> <tbody> <tr style="whatever""> <td><a href="link to game1 when the image is clicked" alt="Game1" target="blank" onclick="AfficherCacher('Image1')"> <img src="the image clicked to open Game1+Image1.jpg" width="1689" height="955" class="img-fluid atto_image_button_text-bottom"></a><br></td> <td><a href="link to game2 when the image is clicked" alt="Game2" target="blank" onclick="AfficherCacher('Image2')"> <img src="the image clicked to open Game2+Image2.jpg" width="1689" height="955" class="img-fluid atto_image_button_text-bottom"></a><br></td> </tr> </tbody> </table> 然后 </table> <table style="whatever"> <tbody> <tr style="whatever"> <td> <div id="Image1"> <ul> <img src="Image1.jpg"> </ul> </div> </td> </table> <table style="whatever"> <tbody> <tr style="whatever"> <td> <div id="Image2"> <ul> <img src="Image2.jpg"> </ul> </div> </td> 最后的 JavaScript 部分使其一切正常： <p> <script type="text/javascript"> // <![CDATA[ function AfficherCacher(texte) { var test = document.getElementById(texte).style.display; if (test == "block") { document.getElementById(texte).style.display = "none"; } else { document.getElementById(texte).style.display = "block"; } } // ]]> </script> </p> 唯一的是Image1和Image2可以同时显示在页面上，这是我不想要的。我想打开Image2使Image1消失，并打开Image1使Image2消失。我不知道该用什么。预先感谢您的帮助。我尝试过发明“if”条件，但我不懂 JavaScript（或 CSS），所以我会盲目地去做，而且我显然做错了什么。我不知道我能使用什么以及什么存在/有效。您应该在此处使用数据属性，这将使事情变得更容易。然后，您可以使用 classList.toggle 函数根据条件应用类或删除类。在下面的代码中，我将单击的按钮的数据属性值与每个图像进行比较，并隐藏不具有相同数据属性值的每个图像。这甚至在使用 100 张图像时也有效。 const Buttons = document.querySelectorAll('menu button'); const Images = document.querySelectorAll('img'); Buttons.forEach(button => { button.addEventListener('click', function() { let dataIndex = this.dataset.image; Images.forEach(image => { let imageIndex = image.dataset.image; image.classList.toggle('d-none', imageIndex !== dataIndex); }) }) }) .d-none { display: none; } <menu> <li><button data-image="1">Show Image 1</button></li> <li><button data-image="2">Show Image 2</button></li> </menu> <img data-image="1" class="d-none" src="https://fakeimg.pl/200/ff0000/FFFFFF"> <img data-image="2" class="d-none" src="https://fakeimg.pl/200/0000ff/FFFFFF">

javascript css onclick responsive show-hide

回答 1 投票 0

jQuery 在隐藏父级中显示子级，错误设置显示属性

请看下面的jsfiddle演示： http://jsfiddle.net/Drb8s/ 当您对隐藏父级中的元素使用 jQuery show() 时，似乎会出现此问题。（然后接下来...

jquery css dom show-hide

回答 1 投票 0

动态预订表单中的必填字段

我正在创建机场接送预订表格。根据您是否需要回程接送等，您可以选择 4 个选项。所以表单使用 JavaScript 来隐藏/显示 4 个不同的内容 p...

javascript html dynamic show-hide required

回答 1 投票 0

如何在没有 nbextensions 的情况下添加按钮以隐藏 python jupyter 笔记本中的单元格输入

我是Python新手，不了解标签和单元格元数据。我想添加按钮来隐藏 jupyter 笔记本本身中的单元格输入代码，如下所示：https://jupyterbook.org/interactive/hiding.html &...