按钮是图形用户界面中的简单元素，可以将鼠标点击或手指点击（在移动设备上）作为输入。
导入UIKit 导入谷歌地图 导入 Firebase 数据库 导入 GeoFire 类 MapViewController: UIViewController, CLLocationManagerDelegate, GMSMapViewDelegate { var 地图视图 = GMSMapView() ...
我有一个 html 项目，需要使用数组添加 4 个从 JSON 文件填充的按钮。 参数的获取取决于链接 ID。 我有一个 html 项目，需要添加 4 个按钮，这些按钮是使用数组从 JSON 文件填充的。 根据链接 ID 获取参数。 <div class="d-flex justify-content-around mt-4"> <a href="#" id="button-1" class="btn btn-primary"> <img src="" alt="Icon" id="icon-button-1"> Button 1 </a> <a href="#" id="button-2" class="btn btn-primary"> <img src="" alt="Icon" id="icon-button-2"> Button 2 </a> <a href="#" id="button-3" class="btn btn-primary"> <img src="" alt="Icon" id="icon-button-3"> Button 3 </a> <a href="#" id="button-4" class="btn btn-primary"> <img src="" alt="Icon" id="icon-button-4"> Button 4 </a> </div> </div> $(document).ready(function () { const urlParams = new URLSearchParams(window.location.search); const repoId = urlParams.get('id'); $.getJSON('repositories.json', function (data) { const repo = data.find(r => r.id === repoId); if (repo.buttons && Array.isArray(repo.buttons)) { repo.buttons.forEach((button, index) => { const btn = $(`#button-${index + 1}`); if (btn.length > 0) { btn.attr('href', button.link || '#'); btn.find('img').attr('src', button.icon || 'default-icon.png'); btn.find('span').text(button.text || `Button ${index + 1}`); } }); } }); </script> </body> </html> JSON 文件中的代码： [ { "id": "repo1", "buttons": [ { "link": "exmpl.html", "icon": "exmpl.png", "text": "btn exmpl1" }, { "link": "exmpl.html", "icon": "exmpl.png", "text": "btn exmpl2" }, { "link": "exmpl.html", "icon": "exmpl.png", "text": "btn exmpl3" }, { "link": "exmpl.html", "icon": "exmpl.png", "text": "btn exmpl4" } ] }, { "id": "repo2", "buttons": [ { "link": "exmpl.html", "icon": "exmpl.png", "text": "btn exmpl1" }, { "link": "exmpl.html", "icon": "exmpl.png", "text": "btn exmpl2" }, { "link": "exmpl.html", "icon": "exmpl.png", "text": "btn exmpl3" }, { "link": "exmpl.html", "icon": "exmpl.png", "text": "btn exmpl4" } ] } ] 我尝试将 repo.buttons 重命名为 repoId.buttons，但没有帮助（修复了控制台中的错误，但问题仍然存在） 控制台错误：未捕获的引用错误：存储库未定义 考虑以下内容：https://jsfiddle.net/Twisty/vax2e167/ HTML <div> <div class="d-flex justify-content-around mt-4"> <a href="#" id="button-1" class="btn btn-primary"> <img src="" alt="Icon" id="icon-button-1" /> <span>Button 1</span> </a> <a href="#" id="button-2" class="btn btn-primary"> <img src="" alt="Icon" id="icon-button-2" /> <span>Button 2</span> </a> <a href="#" id="button-3" class="btn btn-primary"> <img src="" alt="Icon" id="icon-button-3" /> <span>Button 3</span> </a> <a href="#" id="button-4" class="btn btn-primary"> <img src="" alt="Icon" id="icon-button-4" /> <span>Button 4</span> </a> </div> </div> JavaScript var myData = '[{"id":"repo1","buttons":[{"link":"exmpl.html","icon":"exmpl.png","text":"btn exmpl1"},{"link":"exmpl.html","icon":"exmpl.png","text":"btn exmpl2"},{"link":"exmpl.html","icon":"exmpl.png","text":"btn exmpl3"},{"link":"exmpl.html","icon":"exmpl.png","text":"btn exmpl4"}]},{"id":"repo2","buttons":[{"link":"exmpl.html","icon":"exmpl.png","text":"btn exmpl1"},{"link":"exmpl.html","icon":"exmpl.png","text":"btn exmpl2"},{"link":"exmpl.html","icon":"exmpl.png","text":"btn exmpl3"},{"link":"exmpl.html","icon":"exmpl.png","text":"btn exmpl4"}]}]' $(function () { //var urlParams = new URLSearchParams(window.location.search); //var repoId = urlParams.get("id") var repoId = "repo2" $.post("/echo/json/", { json: myData }, function (data) { var repo = data.find((r) => r.id === repoId) if (repo.buttons && Array.isArray(repo.buttons)) { repo.buttons.forEach((button, index) => { var btn = $("#button-" + (index + 1)) if (btn.length > 0) { btn.attr("href", button.link || "#") btn.find("img").attr("src", button.icon || "default-icon.png") btn.find("span").text(button.text || `Button ${index + 1}`) } }) } }) }) 在此示例中，必须将 <span> 标签添加到 HTML 中才能使您的脚本正常工作。 JSFiddle 是测试模拟 JSON 的好方法，因为它具有 Echo 功能。
使用滚动对齐对齐到达第一个/最后一个元素时，下一个/上一个按钮不会隐藏
我正在尝试制作显示 3 个项目的轮播，其宽度缩放为其父项的 100%/3。 下一个上一个按钮工作正常，并且显示隐藏功能工作良好，只要它们到达边缘...
我的网站上目前有很大的按钮，用作内容的下拉菜单。单击时，div 会启用并显示我的内容，再次单击时内容会消失。我想打广告...
我有四个 SVG 形状，用作文本框，其中包含人们可以预订的课程的描述。在文本框的底部，我想要两个按钮，可以选择查看更多信息...
我正在做一个关于机票预订系统的项目。我使用 Tkinter 创建了登录页面和注册页面。我在登录页面创建了一个按钮以转到注册页面，反之亦然。问题是当我...
在 SwiftUI 中从 Safari 返回主屏幕后不显示警报
我显示警报消息，将我的应用程序更新到最新版本，因此在警报更新按钮中，我在 safari 页面中打开我的 Appstore 应用程序链接。当我点击更新按钮时，Appstore 链接会在 safa 中打开...
由于某种原因，我的游戏质量和在 Unity 中编辑场景的质量非常差。看一下两个大小相同的菜单按钮。它们都有不同的分辨率。这个事情...
在我的 Blazor 服务器端应用程序中，我希望当用户单击页面上的某个位置时，最后一个聚焦的按钮应再次重新聚焦
在我的 Blazor 服务器端应用程序中，我的 razor 页面中有按钮，可打开相关子页面。当单击按钮时，它会获得我的 css 中定义的焦点样式。当用户点击
我最近开始使用 html 为我的项目创建一个网站。我计划制作这个包含介绍页面的网站，该页面有一个按钮，可显示更多内容。 那个...
我最近开始使用 html 为我的项目创建一个网站。我计划制作这个包含介绍页面的网站，该页面有一个按钮，可显示更多内容。 那个...
我一直在尝试在 Eclipse 中制作我的第一个 Android 应用程序（一个简单的温度转换器），但是当我单击手机上的按钮时，应用程序崩溃了。这是完整的java代码 包...
（HTML/JS）基于对数据库的 JSON 响应创建报告的按钮不起作用
拜托，我要疯了。我目前正在使用 PostGreSQL 做一个数据库项目，使用 Python Flask 作为后端，使用 HTML/CSS/Javascript 作为前端。但在其中一个页面上它是支持的...
我有一个 Blazor 服务器端应用程序，带有多个主页。每个主页都有一些可以通过按钮进入的子页面。如果在主页中打开一个子页面，然后导航到另一个主页，...
我正在开发一个角度应用程序，想更改垫平按钮的边框半径。我可以使用 css 更改按钮的背景颜色，但不能更改边框半径。我的代码 ...
当鼠标悬停在按钮上时是否可以同时更改底层div的css属性？
在我的html页面中，我有一个按钮，里面有两个div。上面的 div 包含菜单图标 svg，下面的 div 包含按钮文本。 div 强制用于将图标和文本放置在
我正在尝试使用 HTML 按钮标签。但我有一个疑问： 该按钮不应总是出现，而应仅在满足某些条件时出现。我怎样才能实现这个？ 具体来说： 用户
如何消除<Tab.Navigator React-Native
我目前正在为应用程序创建一个选项卡导航器，但每次我按下我的一个 我目前正在为一个应用程序创建一个选项卡导航器，但每次我按下我的一个 <Tab.Navigator screenOptions={{ headerShown: false, tabBarStyle: styles.tabBar, tabBarShowLabel: false, }} > </Tab.Navigator> 这是我的 Tab.Navigator 线路 如果有人能帮忙那就太好了 我尝试使用 ColorPress：透明，但它似乎不存在于 screenOptions 中 我还尝试使用 headerPressOpacity 和 headerPressColor 但它们也不起作用 最后我尝试了 tabbarPressColor，它似乎也不存在或工作 我只是想删除涟漪效应，就是这样，我不想自定义它或任何只是删除它。 我认为您可能必须更改导航器呈现的按钮，而不是导航器选项。在 Android 上看到的涟漪效应本身通常是由于 TouchableNativeFeedback 造成的，您希望避免这种情况。渲染您自己的 touchableOpacity 应该会消除该效果。 <Tab.Navigator screenOptions={{ tabBarButton: (props) => <TouchableOpacity {...props} activeOpacity={1}/>, }} > </Tab.Navigator> https://reactnavigation.org/docs/bottom-tab-navigator/#tabbarbutton