c# - 如何从 Windows Phone 网络浏览器控件隐藏 html 元素

Question

关于我需要什么的一些介绍，但在任何地方都找不到完整的答案。我使用 webbrowser 控件在我的应用程序中显示网站，但我想删除上面的导航，该导航单独存在于类名为“tabs-outer”的 html 元素中。我想在我的应用程序中而不是在主页的CSS中执行此操作，因为它是为了显示移动设备的内容而制作的，我只想在没有它的情况下在我的应用程序中的网络浏览器控件中显示，并且在桌面/移动网站上显示它保持原样可见。

我发现了一些java脚本代码，例如“$('#mydiv').allBut().hide();”我知道我必须添加类似“$('. tabs-outer').allBut().hide();" 但在哪里？!我不知道在哪里输入这个，如何在应用程序中调用它？!我需要更多信息。我发现了一个已有 2 年历史的帖子，但没有关于具体该怎么做的信息。

如何以及在何处使用此 JavaScript，是否可以将其添加到应用程序中，以便我在运行时调用此脚本？!有什么帮助吗？我是一个新手，所以我对 javascript 一无所知，对 Windows Phone 和 C# 也一无所知。

这是我现在使用它的方式:

protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
    {

        String url = NavigationContext.QueryString["url"];
        if (!String.IsNullOrEmpty(url))
        {
           WebBrowser.Navigate(new Uri(url));
        }

    }
    private void WebBrowser_LoadCompleted(object sender, NavigationEventArgs e)
    {
        WebBrowser.InvokeScript("RemoveNav");
        SystemTray.SetProgressIndicator(this, null);
        WebBrowser.Visibility = Visibility.Visible;
    }

我在网页的标题中添加了一个脚本，如下所示:

<script type="text/javascript">
function RemoveNav() 
{ 
$('.tabs-outer').not(this).hide() 
}
</script>

它可以工作，但是，我必须将网络浏览器控件的可见性设置为折叠才能加载页面 - “隐藏”我想要的元素，然后使其可见。但我需要一些东西来拦截此元素的加载，但仅限于我的 Windows Phone 应用程序中的网络浏览器控件。

Answer 1

您提供了 jQuery 源代码。 jQuery 是开源的，可以免费下载和使用。请查看此站点以获取有关 jQuery 的信息:http://learn.jquery.com/

您的确切答案位于此处并进行了解释:http://learn.jquery.com/using-jquery-core/document-ready/

实际上，页面加载后代码就会运行。您需要的代码在这里:

<script>
// A $( document ).ready() block.
$( document ).ready(function() {
    $('.tabs-outer').hide();
});
</script>

您需要将此代码作为 JavaScript 包含在您的网页中。要使用该代码，您还需要在 html 页面的 head 部分包含以下行。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

这将加载 jQuery 插件，该插件将解释您的脚本并隐藏所有将其类设置为“tabs-outer”的 div。

祝你好运!