Fatal编程技术网
  • jquery/
  • Jquery 是否仅在默认页面上显示图像滑块？

Jquery 是否仅在默认页面上显示图像滑块？

jquery css

Jquery 是否仅在默认页面上显示图像滑块？,jquery,css,xhtml,nopcommerce,Jquery,Css,Xhtml,Nopcommerce,我正在使用nopCommerce来构建我的网站，我在HeaderMenu.ascx页面上添加了一个简单的jquery滑块 但是，它会显示在每个页面上，因为母版页引用了HeadMenu.ascx文件 只有在默认页面中才显示它的最佳方式是什么 默认页面： 然后，上述内容指向双栏母版页： <%@ Master Language="C#" MasterPageFile="~/MasterPages/Root.Master" AutoEventWireup="true" CodeBehind="Tw

我正在使用nopCommerce来构建我的网站，我在HeaderMenu.ascx页面上添加了一个简单的jquery滑块

但是，它会显示在每个页面上，因为母版页引用了HeadMenu.ascx文件

只有在默认页面中才显示它的最佳方式是什么

默认页面：

然后，上述内容指向双栏母版页：

<%@ Master Language="C#" MasterPageFile="~/MasterPages/Root.Master" AutoEventWireup="true" CodeBehind="TwoColumn.master.cs" Inherits="NopSolutions.NopCommerce.Web.MasterPages.TwoColumn" %>
<%@ Register TagPrefix="nopCommerce" TagName="MiniShoppingCartBox" Src="~/Modules/MiniShoppingCartBox.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="CategoryNavigation" Src="~/Modules/CategoryNavigation.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="ManufacturerNavigation" Src="~/Modules/ManufacturerNavigation.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="InfoBlock" Src="~/Modules/InfoBlock.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="LiveChatBlock" Src="~/Modules/LiveChatBlock.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="RecentlyViewedProducts" Src="~/Modules/RecentlyViewedProductsBox.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="PopularTags" Src="~/Modules/PopularTags.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="NewsLetterSubscriptionBoxControl" Src="~/Modules/NewsLetterSubscriptionBoxControl.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cph1" runat="server">
    <div class="master-wrapper-side-2">
        <asp:ContentPlaceHolder ID="cph2" runat="server">
            <nopCommerce:NewsLetterSubscriptionBoxControl runat="server" ID="ctrlNewsLetterSubscriptionBoxControl" />
            <div class="clear">
            </div>

            <div class="clear">
            </div>

            <div class="clear">
            </div>
            <nopCommerce:CategoryNavigation ID="ctrlCategoryNavigation" runat="server" />
            <div class="clear">
            </div>

            <div class="clear">
            </div>

        </asp:ContentPlaceHolder>
    </div>
    <div class="master-wrapper-center-2">
        <div class="master-wrapper-cph-2">
            <asp:ContentPlaceHolder ID="cph1" runat="server">
            </asp:ContentPlaceHolder>
        </div>
    </div>
</asp:Content>
然后指向母版页：

母版页包含reference HeaderMenu，其中包含我的css水平菜单和jquery滑块：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Root.Master.cs" Inherits="NopSolutions.NopCommerce.Web.MasterPages.root" %>
<%@ Register TagPrefix="nopCommerce" TagName="Header" Src="~/Modules/Header.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="HeaderMenu" Src="~/Modules/HeaderMenu.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="Footer" Src="~/Modules/Footer.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="GoogleAdsense" Src="~/Modules/GoogleAdsense.ascx" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <asp:PlaceHolder id="SCRIPTS" runat="server" />
    <asp:PlaceHolder id="phAnalyticsHead" runat="server" />


<script type="text/javascript" 
        src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    // You may specify partial version numbers, such as "1" or "1.3",
    //  with the same result. Doing so will automatically load the 
    //  latest version matching that partial revision pattern 
    //  (e.g. 1.3 would load 1.3.2 today and 1 would load 1.6.1).
    google.load("jquery", "1.6.1");

    google.setOnLoadCallback(function () {
        // Place init code here instead of $(document).ready()
    });
</script>


</head>
<body>
    <form id="form1" runat="server">
    <div class="master-wrapper-page">
        <div class="master-wrapper-content">
            <nopCommerce:Header ID="ctrlHeader" runat="server" />
            <nopCommerce:HeaderMenu ID="ctrlHeaderMenu" runat="server" />
            <asp:ContentPlaceHolder ID="cph1" runat="server">
            </asp:ContentPlaceHolder>
            <div class="clear">
            </div>
        </div>
        <nopCommerce:GoogleAdsense runat="server" ID="ctrlGoogleAdsense" />
        <nopCommerce:Footer ID="ctrlFooter" runat="server" />
    </div>
    </form>
<asp:PlaceHolder id="phAnalyticsBody" runat="server" />
</body>
</html>
最后，下面是我的HeaderMenu页面：

<%@ Control Language="C#" AutoEventWireup="true" Inherits="NopSolutions.NopCommerce.Web.Modules.HeaderMenuControl"
    CodeBehind="HeaderMenu.ascx.cs" %>
<%@ Register TagPrefix="nopCommerce" TagName="SearchBox" Src="~/Modules/SearchBox.ascx" %>
<script type="text/javascript">
    var page = window.location.pathname.split('/').pop();

    $('a[href$="' + page + '"]').parent().addClass('selected');


</script>
<script type="text/javascript">

    function slideSwitch() {
        var $active = $('#slideshow IMG.active');

        if ($active.length == 0) $active = $('#slideshow IMG:last');

        var $next = $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

        $active.addClass('last-active');

        $next.css({ opacity: 0.0 })
        .addClass('active')
        .animate({ opacity: 1.0 }, 1000, function () {
            $active.removeClass('active last-active');
        });
    }

    $(function () {
        setInterval("slideSwitch()", 5000);
    });


</script>




<div class="headermenu">
    <div class="searchbox">
        <nopCommerce:SearchBox runat="server" ID="ctrlSearchBox"></nopCommerce:SearchBox>
    </div>
    <div id="nav">
        <nav>
 <ul class="topmenu">
        <li><a id="current" href="<%=CommonHelper.GetStoreLocation()%>" class="home"><%=GetLocaleResourceString("Content.HomePage")%></a> </li>
        <% if (this.ProductService.RecentlyAddedProductsEnabled)
           { %>
        <li><a href="<%=Page.ResolveUrl("~/recentlyaddedproducts.aspx")%>">
            <%=GetLocaleResourceString("Products.NewProducts")%></a> </li>
        <%} %>
        <li><a href="<%=Page.ResolveUrl("~/search.aspx")%>">
            <%=GetLocaleResourceString("Search.Search")%></a> </li>
        <li><a href="<%= SEOHelper.GetMyAccountUrl()%>">
            <%=GetLocaleResourceString("Account.MyAccount")%></a> </li>
        <% if (this.BlogService.BlogEnabled)
           { %>
        <li><a href="<%= SEOHelper.GetBlogUrl()%>">
            <%=GetLocaleResourceString("Blog.Blog")%></a> </li>
        <%} %>
        <% if (this.ForumService.ForumsEnabled)
           { %>
        <li><a href="<%= SEOHelper.GetForumMainUrl()%>">
            <%=GetLocaleResourceString("Forum.Forums")%></a></li>
        <%} %>
        <li><a href="<%=Page.ResolveUrl("~/contactus.aspx")%>">
            <%=GetLocaleResourceString("ContactUs.ContactUs")%></a> </li>
    </ul>
    </nav>
    </div>
    <%-- add the slider below the headerMenu--%>

<div id="slideshow">
    <img src="../App_Themes/darkOrange/images/dc/slider2/1.jpg" alt="" class="active" />
    <img src="../App_Themes/darkOrange/images/dc/slider2/2.jpg" alt="" />
    <img src="../App_Themes/darkOrange/images/dc/slider2/3.jpg" alt="" />
    <img src="../App_Themes/darkOrange/images/dc/slider2/4.jpg" alt="" />
    <img src="../App_Themes/darkOrange/images/dc/slider2/5.jpg" alt="" />
    <img src="../App_Themes/darkOrange/images/dc/slider2/6.jpg" alt="" />
</div>

</div>
很抱歉发了这么长的邮件，无法用其他方式解释…

我现在不太懂编码，但几周前我在wordpress的一个带有滑块的博客上也遇到了同样的问题。 通过使用以下命令编辑index.php文件修复了此问题：

if(function_exists('wp_content_slider')) { 
       ?>
      <div id="slider"> 
        <?php wp_content_slider(); ?>  
      </div> <!-- #slider -->
      <?php } } ?>
因此，这实际上只是在网站的索引页面上创建滑块。 也许你可以根据自己的需要对其进行编辑，这也适用于电子商务

祝你好运

只需通过nopcommerce中的管理面板执行 在管理员主页文本主题页面中输入以下代码

<div id="slideshow">

your code

</div>
我决定只检查调用视图的控制器

@if (ViewContext.Controller.GetType().Name == "HomeController")
{
     @Html.Widget("home_page_top") // Or whatever you want to do
}
我已经弄明白了。复制根主控形状并将其重命名为DefaultRoot.Master，然后将Column.Master复制并重命名为TwoColumn.Master，并对HeaderManu.ascx执行相同操作。然后只需更改对刚创建的新文件的引用。站点的其余部分将引用root.master，其中默认页面将只引用DefaultRoot.master和两个_ColumnMaster页面。很高兴听到您修复了它； 
@if (ViewContext.Controller.GetType().Name == "HomeController")
{
     @Html.Widget("home_page_top") // Or whatever you want to do
}