javascript - 如何使用 JavaScript 在 ASP.net 中显示动态内容

Question

我有两个单独的 .inc 文件，我想根据 DIV 是显示还是隐藏(移动设备 [手机/平板电脑] 或桌面)交替显示它们

这是我的代码，位于BODY中:

<script>
$(function () {
    if ($('#leftNavCustom').css('display') == 'block') {
        alert('mobile');
        <!-- #include virtual ="includeNav/msMobile.inc" -->
    }
    if ($('#leftNavCustom').css('display') == 'none') {
        alert('desktop');
            <!-- #include virtual ="includeNav/msDesktop.inc" -->
    }
});
</script>

如果我删除两行 #include 行，警报可以正常工作，但使用上面的代码，它既不显示 .inc 内容，也不向我显示警报.

如何修改上面的代码才能正常工作？

Answer 1

除非这些 .inc 文件实际上包含更多 javascript，否则这将不起作用。除了 javascript 之外，你不能只输出 javascript 内部的东西。要将内容写入 DOM，您可以使用类似

document.write('<div class="content">text</div>') 

另一个选项是将两个 .inc 文件输出到单独的 <div> 中。 ，但使用 CSS 隐藏它们。然后在你的javascript中，你可以显示相应的<div> :

JS

    $(function () {
        if ($('#leftNavCustom').css('display') == 'block') {
            document.getElementById('desktop').style.display = 'none';
            document.getElementById('mobile').style.display = 'block';
        }
        if ($('#leftNavCustom').css('display') == 'none') {
            document.getElementById('desktop').style.display = 'block';
            document.getElementById('mobile').style.display = 'none';
        }
    });

HTML

<div id="mobile"><!-- #include virtual ="includeNav/msMobile.inc" --></div>
<div id="desktop"> <!-- #include virtual ="includeNav/msDesktop.inc" --></div>