Question

去年我发布了这个页面网站：www.rofeengenharia.com.br

在Portifolio页面中，如果单击“Abrir”，它会在Portifolio页面上使用javascript加载动态div。在Safari和Firefox中它仍然有效，但它在Chrome中停止工作（当我发布它时它也在Chrome中工作）。

以下是代码的一部分：

加载动态div的位置和打开它的链接（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中运行？

Answer 1

尝试使用jQuery - 删除内联onclick并执行此操作 - 同时尝试将ID为#projeto_selecionado的内容添加到自身

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

没有HTML评论！

动态div在Chrome中不起作用

1 个答案: