单击其中一个后加载其他链接
单击其中一个后加载其他链接
提问于 2018-11-30 20:44:32
我目前有这些链接，但我希望当其他链接被点击时，它们可以加载到视图中。因此，如果单击if语句中的一个，我希望在视图中显示else语句中的另一个。相反的情况下。我怎么用我的链接做这件事？onclicks是使用AJAX请求创建的。
@{
if (SignInManager.IsSignedIn(User))
{
if (ViewBag.Wishlist.Contains(item.id))
{
<a onclick="RemoveFromWishList(@ViewBag.OrderLine)" id="remove" class="btn btn-default swap swapHeart">
<span style="color:#8F6B93;" class="glyphicon glyphicon-heart"></span>
</a>
}
else
{
<a onclick="AddToWishList(@item.id)" id="add" class="btn btn-default swap swapHeart">
<span style="color:#8F6B93;" class="glyphicon glyphicon-heart-empty"></span>
</a>
}
}
}回答 1
Stack Overflow用户
回答已采纳
发布于 2018-11-30 20:57:57
与其使用服务器端代码，不如使用客户端。在wishlist服务器端变量下面，使用没有样式或"display:none“样式初始化样式属性，以隐藏正确的链接，这取决于项目是否在愿望列表中。
//This is server-side
bool wishlist = ViewBag.Wishlist.Contains(item.id);
<!-- Client side only but use server-side definitions inside to initialize -->
<a onclick="RemoveFromWishList(@ViewBag.OrderLine)" id="remove" class="btn btn-default swap swapHeart"
style="@(wishlist ? "" : "display:none")">
<span style="color:#8F6B93;" class="glyphicon glyphicon-heart"></span>
</a>
<a onclick="AddToWishList(@item.id)" id="add" class="btn btn-default swap swapHeart"
style="@(wishlist ? "display:none" : "")">
<span style="color:#8F6B93;" class="glyphicon glyphicon-heart-empty"></span>
</a>然后单击，您可以使用JS交换另一个：
$("a.swapHeart").on("click", function(e) {
$(this).toggle();
$(this).siblings("a.swapHeart").toggle();
});只要链接是真正的兄弟姐妹，这应该是可行的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53564664
复制相关文章
相似问题
腾讯云开发者
