Ajax Accordion - 在代码后面加载 CSS。 aspx答案

【问题标题】：Ajax Accordion - loading CSS behind code. aspxAjax Accordion - 在代码后面加载 CSS。 aspx
【发布时间】：2012-04-04 04:32:50
【问题描述】：

我按预期进行了手风琴数据绑定，但是我不知道如何在后面的代码中加载 CSS。我创建了一个名为 Accordion 的新 CSS 模板，并将其放在我的样式文件夹下。

这是我的css的全部内容

页眉
    {
    背景颜色：#000000；
   白颜色;
   填充：4px；
   字体粗细：粗体；
}

.SelectedHeader
{
   背景颜色：#808080；
   白颜色;
   填充：4px；
   字体粗细：粗体；
}

。内容
{
   背景颜色：#f3f3f3；
   填充：5px；
}

这是我的整个手风琴背后的代码

AccordionPane currentPane = new AccordionPane();
            currentPane.ID = "AccordionPane" + Guid.NewGuid().ToString();
            currentPane.HeaderContainer.Controls.Add(new LiteralControl(group.Key.ToString()));

        NavigationAccordion.Panes.Add(currentPane);
        NavigationAccordion.HeaderCssClass = ".Header";
        NavigationAccordion.HeaderSelectedCssClass = ".SelectedHeader";
        NavigationAccordion.ContentCssClass = ".Contents";
        NavigationAccordion.TransitionDuration = 85;
        NavigationAccordion.FramesPerSecond = 200;
        NavigationAccordion.SelectedIndex = -1;
        NavigationAccordion.RequireOpenedPane = false;
        return NavigationAccordion;

我的猜测是我没有正确引用 CSS，但我不确定如果是这种情况该怎么做。

谢谢！

我已更新我的 CSS 以包含 @import "Accordion.css";

【问题讨论】：

标签： asp.net ajax

【解决方案1】：

从您的课程中删除点 .：

例如，而不是

NavigationAccordion.ContentCssClass = ".Contents";

这个

NavigationAccordion.ContentCssClass = "Contents";

除此之外，我想知道为什么您需要动态创建它们。我认为这是您的问题的原因。并且您不应创建随机 ID，无一例外。 ID 对于在回发和触发事件中重新加载 ViewState 很重要。

【讨论】：

我确实尝试过，但它没有拉 css
您是否按CTRL+F5 重新加载浏览器缓存？
也许我需要以某种方式导入它？
为您的 aspx 加载样式参考文件的代码在哪里？
@Mike：即使它不能解决你的问题，它也会解决你的下一个问题。为什么要动态创建 AccordionPanes？我认为这是您问题的（第一个）原因。（编辑我的答案）

【解决方案2】：

这似乎很明显，但是您是否链接到 Accordian.css 文件？即，在 HTML 中有一行：

<link rel="stylesheet" type="text/css" href="Accordian.css" />

正如 Tim 所说，在分配课程时，您还需要删除句点 .。

【讨论】：

但它的 Styles/Accordion.css"
然后使用href="Styles/Accordian.css"

【解决方案3】：

由于您尝试了@Tim 的解决方案但没有成功，请检查浏览器的调试工具以查看页面中是否存在 CSS。这可能是其引用方式的问题。

【讨论】：

打开您的查看源代码，然后单击 css 文件引用，如果它没有导航到它的 css 页面。这意味着问题在于引用。