0

大家好,我有一个非常独特的(似乎)问题,我们在这里似乎没有人能解决我们的问题。让我给你上下文,然后我会提供一些代码。

语境:

我们有一个网站,我们称之为“TheLegacy”。“TheLegacy”正在逐步淘汰。我们正在创建一个站点,我们称之为“TheFuture”。“TheFuture”是“TheLegacy”的升级版。我们正在使用 MVC4 在幕后处理一些 jquery 和淘汰赛。“TheFuture”正在分阶段推出,在完成之前,将在“TheFuture”内部的 iFrame 中托管“TheLegacy”。这样用户就可以访问他们需要的某些尚未在“TheFuture”中构建的功能/页面。

问题:

一切都很好,除了一个非常令人沮丧的问题。“TheLegacy”中有一个作业页面,它是一个数据网格。这个网格是用一个使用 JQuery 模板的 html 表构建的。在每一行内部,都有一个带有类的“”标签。这个类有两个东西,css背景和css手属性。也有链接到这个类的 jquery 功能。该类称为“chevronArrow”。当用户悬停或单击带有'chevronArrow'的div时,它应该jquery addClass'chevronArrowActive',当用户单击另一个或'unhovers'时,它应该恢复为'chevronArrowInactive'。

让我指定以上所有内容都可以正常工作。唯一的问题是,当在“TheFuture 的 iFrame”内查看“TheLegacy”时,“chevronArrowActive”和“chevronArrowInactive”的图像拒绝显示。最重要的是,这只是 IE 中的一个问题,Chrome 可以正常工作。在 IE 或 Chrome 中单独查看时(在“TheFuture”iFrame 之外),“TheLegacy”也可以正常工作。

尝试的解决方案:


-我们尝试在“TheFuture”iframe 加载时注入 css。没有骰子。
-我们尝试在“TheFuture”iframe 加载时将直接样式附加到“TheLegacy”的元素、主体和头部。没有骰子。
-我们尝试采用直接样式并手动将其放置在“TheLegacy”中的主体底部。这行得通,但不是一个实际的解决方案。

我们需要的:

我们需要了解为什么会发生这种情况,或者是否有人遇到过类似的事情或对为什么会发生这种情况有任何概念。

代码:


此代码位于用于 jquery 模板的 .htm 文件中:

课堂部分:

.chevronArrowInactive
{
    background:url('Images/chevron_arrow_inactive.png') no-repeat left center;
    cursor:hand;
}

.chevronArrowActive
{
    background:url('Images/chevron_arrow_active.png') no-repeat left center;
    cursor:hand;
}


html部分:

<a href="" title="Click to view list of producer code(s)" class="jqrAgencyProducerCount"><div style="width:100%;height:20px" class="chevronArrowInactive chevronArrow"></div></a>
4

0 回答 0