如果找到 Razor 处理程序，则调用 JS 函数答案

【问题标题】：Calling a JS function if Razor handler is found如果找到 Razor 处理程序，则调用 JS 函数
【发布时间】：2020-01-28 02:53:50
【问题描述】：

目前我有一个点击功能，可以在点击时显示一些项目的详细信息。

https://localhost:5001/MyPage?ID=3

    $(".show-detail").click(function (){
        var item-id = $(this).data('item-id');
        $("#red-section").hide();
        $(".red-panel").hide();
        $("#blue-" + item-id).show();
    });

问题是，如果我刷新页面，它会再次隐藏该部分。我可以让 JS 在页面加载时查找处理程序，如果存在，则运行上述函数以隐藏某些部分并显示感兴趣的部分？

https://localhost:5001/MyPage?ID=3&ItemID=4

如果 ItemID 存在，则显示 #blue-4。

【问题讨论】：

通过模型将 ID 传递给您的视图并使用该值填充隐藏元素，如果该值不为空，则将其传递给方法
var item-id = $(this).data('item-id'); 这真的有效吗？我的意思是 - 不允许在变量名中使用 afaik。
哦，抱歉，我重命名了它以便在示例中更有意义

标签： javascript asp.net razor

【解决方案1】：

Js 方法。还有@Ryan Wilson给了你一个关于cmets razor的想法

(function(){
    let currentUrl = window.location.href;
    let itemId = currentUrl.split('ItemID=')[1]
    if(!!itemId){
        var item-id = $(this).data(itemId);
        $("#red-section").hide();
        $(".red-panel").hide();
        $("#blue-" + item-id).show();
    }
})();

【讨论】：