button 相关问题

我想要具有基于 isAssigned 变量的 2 种样式的动态渲染按钮：如果 isAssigned 为 false 我希望按钮看起来像这样我想要具有基于 isAssigned 变量的 2 种样式的动态渲染按钮：如果 isAssigned 为 false 我希望按钮看起来像这样 <button class="btn btn-success-outlined" data-action="join">Join</button> 它必须重定向到 Join 控制器方法如果isAssigned为真我希望它看起来像这样 <button class="btn btn-success" data-action="leave">Joined</button> 它必须重定向到离开控制器方法问题是，无论isAssigned值是什么，它都只是得到我的条件运算符的第一个可能的结果，在这种情况下按钮总是这样<button class="btn btn-success" data-action="leave">Joined</button> 代码： document.addEventListener("DOMContentLoaded", function () { var referenceLinkButton = document.getElementById("referenceLinkButton"); var referenceLink = referenceLinkButton.dataset.referenceUrl; referenceLinkButton.addEventListener("click", function () { if (isValidURL(referenceLink)) { window.open(referenceLink, "_blank"); } }); function isValidURL(url) { var pattern = /^(https?:\/\/)/i; return pattern.test(url); } // Use the global variables defined in the Razor view let data = { encodedName: encodedName, isAssigned: isAssigned }; const container = $("#buttons") function RenderJoinButton(data, container) { container.empty(); const button = data.isAssigned ? `<button class="btn btn-success" data-action="leave">Joined</button>` : `<button class="btn btn-success-outlined" data-action="join">Join</button>` container.append(button); container.find('[data-action="join"]').click(function (event) { event.preventDefault(); const encodedName = $(this).data('encodedname'); navigateToProjectManagerEdit(encodedName); }); container.find('[data-action="leave"]').click(function (event) { event.preventDefault(); const encodedName = $(this).data('encodedname'); navigateToTaskManagerIndex(encodedName); }); }; RenderJoinButton(data, container) }); isAssigned值分配正确，尝试用console.log调试它，而且它没有被其他JS代码覆盖，我不知道它出了什么问题。将其切换为 if else 也没有帮助这是我的部分观点，供参考 @model TaskManager.Application.Task.TaskDto ... <div class="card-footer" id="buttons">  </div> rest of the code... <script> var encodedName = "@Html.Raw(Model.EncodedName)"; var isAssigned = "@Html.Raw(Model.IsAssigned)"; </script> <script src="~/js/TaskManager/Details.js"></script> 问题是将变量从我的 razor 视图传递到 JS 代码的方法是错误的 var isAssigned = "@Html.Raw(Model.IsAssigned)"; 通过这种方法，布尔值被分组成字符串，因此它是“true”或“false”（带引号）要修复它，我必须按如下方式修改此行： var isAssigned = @(Model.IsAssigned ? "true" : "false"); 通过这种方法，isAssigned 变量仍然是布尔值，并且可以在三元运算符中进行操作

javascript jquery button razor

回答 1 投票 0

如何通过按钮将不同输入的值复制到剪贴板？ Java 或 Jquery（不带 execCommand）

我尝试使用按钮将输入的值复制到剪贴板，但我不知道如何使其使用相关按钮复制值。我知道我的错误之一就是这份文件。

javascript html button input

回答 1 投票 0

在reactjs中，当我使用状态更改按钮颜色时，它可以工作，但不能先单击如何解决此问题

我有一个用于路由的按钮。路由来自 api，所以在我第一次单击时，路由正在工作，但按钮颜色没有改变我使用 useState hook 和 css 来改变颜色，它是

css reactjs button react-hooks background-color

回答 1 投票 0

如何在handsontable 的单元格内添加自定义按钮？

我正在尝试在handsontable 的每行末尾添加一个自定义保存按钮。我在 Laravel 4 中使用 Handsontable 包。该按钮显示如下：保存