动态DIV不铬工作

去年我公布这一个页面的网站：如果你点击www.rofeengenharia.com.br动态DIV不铬工作

在Portifolio页“Abrir”它加载动态DIV使用JavaScript在Portifolio页面。在Safari和Firefox中它仍然在运行，但它在Chrome中停止工作（当我发布它时，它也在Chrome中工作）。

下面是部分代码：

其中，动态格被加载的地方，打开它的链接（的onClick）：

<DIV id="projeto_selecionado" style="position:absolute; z-index:20000; background:#ffffff;"> 

</DIV>   
<!-- OBRA 1 --> 
<DIV class="view view-sixth"> 
    <IMG width="100%" height="auto" style="float:left;" src="images/portifolio/obra01/obra01_thumb_01.jpg" alt="Obra 01" /> 
    <DIV class="mask"> 
    <H2>Condomínio Jardim Acapulco</H2> 
    <P>Manutenção executada pela ROFE no litoral sul de São Paulo.</P> 
    <A href="#" class="info" onClick="exibir_projeto01()">Abrir</A> 
    </DIV> 
</DIV><!-- view -->

和JavaScript文件：

function exibir_projeto01() 
{ 
$('<div/>').addClass("newdiv") 
       .html('<DIV id="projeto_selecionado">\ 
... 
... 
... 
</DIV><!-- container_projeto_01 -->') 
       .appendTo($("#projeto_selecionado")) 
       .hide() 
       .fadeIn(1000); 

// Não deixa a pagina voltar para o topo quando clica no link 
event.preventDefault(); 
}

任何人都知道如何使它再次在Chrome中工作？

来源

2015-06-27 Adriano Machado

我看了一下你的网站。调试非常困难。你正在以'错误'的方式使用几乎所有的东西。 –

将您的div与页面中的其他所有html放在一起，然后在显示正确后显示（）它。我知道这可能会遇到残酷，但你真的应该重新写我的意见你的网站。另外考虑在网站上放一个最小宽度，因为在整个事情变得无法使用，并且按钮丢失。祝你好运！ x –

谢谢Aaria，但我不能把它全部放在同一页面。有超过50个图像。这很重要。这就是我为什么动态加载它的原因。 –

尝试使用jQuery - 鼠标点击删除内联和做到这一点，而不是 - 也试图将其ID添加#projeto_selecionado东西本身

$(".info").on("click",function(e) { 
    e.preventDefault(); 
    $('<div/>').addClass("newdiv") 
      .html('<DIV>\ 
    ...\ 
    ...\ 
    ...\ 
    </DIV>') 
      .appendTo("#projeto_selecionado") 
      .hide() 
      .fadeIn(1000); 
});

不具有HTML评论！

来源

2015-06-27 16:46:39 mplungjan

动态DIV不铬工作

回答

相关问题