Question

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

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。

Answer 1

Js方法。此外，@Ryan Wilson在评论中给了您一个剃须刀的想法

(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();
    }
})();

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

1 个答案: