带有load（）的jquery弹出窗口

我有几个不同的divs，有不同的项目和名称。每个人都有一个独特的名字，我希望当用户点击一个名称时，它会将相应的页面加载到popupContainer div中。由于某种原因，它不会打电话。带有load（）的jquery弹出窗口

这是Jquery的：

$(document).ready(function(){ 
    //Find & Open 
    $(".projectThumb").click(function(){ 
     htmlName = $(this).find("img").attr("name"); 
     $("#popupContainer").load(htmlName + ".html"); 
      }); 
    //Close property 
    $("a.close").live("click", function(){ 
     $("#popupContainer").empty(); 
     }); 
});

这是HTML：

<div id="content"> 
    <div class="projectThumb"> 
    <img src="/img/aeffect_button_static.gif" width="146" height="199" class="button" name="aeffect" alt="" /> 
    <p class="title">A.EFFECT: Film Poster</p> 
    </div> 
    <div class="projectThumb"> 
    <img src="/img/lova_button_static.gif" width="229" height="199" class="button" name="lova" alt="" /> 
    <p class="title">Lova &ndash; Summer 07&rsquo; &ndash; Titles</p> 
    </div> 
</div> 
<div id="popupContainer"></div>

来源

2009-09-09 antonanton

你能看到萤火虫经历的要求吗？你看到什么错误？ – seth 2009-09-09 22:09:21

不，请求没有被发送。有些东西没有被正确调用。 – antonanton 2009-09-09 23:35:10

我使用完全相同的html和jQuery创建了一个页面，并且完美运行。或者至少用我在放入的相关文件中放置的虚拟文本更新popupContainer。当然，我已经实现了任何样式表。那么CSS的问题其实是相关的？ – BlackMael 2009-09-10 03:05:42

你不关闭你的第一次点击功能，你就无法正常打开ready(function(){...})之一：

$(document).ready(function(){ // <-- added missing open parens 
//Find & Open 
$(".projectThumb").click(function(){ 
    htmlName = $(this).find("img").attr("name"); 
    $("#popupContainer").load(htmlName + ".html"); 
}); // <-- added needed closing function 

//Close property 
$("a.close").live("click", function(){ 
    $("#popupContainer").empty(); 
}); 
});

来源

2009-09-09 22:31:10 BlackMael

纠正了这些错误，因为它们是拼写错误。 – antonanton 2009-09-09 23:43:19

嗯...现在我很困惑，因为它适用于我.. – BlackMael 2009-09-10 03:07:22

标签

<img ... >

有没有属性 “名”（唯一形式及其组件）使用“ID”:)

来源

2009-09-09 22:07:04 IProblemFactory

我试过ID和它的同样的问题。 – antonanton 2009-09-09 23:27:32

您的n OT关闭您的第一个点击功能：

$(document).ready(function){ 
//Find & Open 
$(".projectThumb").click(function(){ 
    htmlName = $(this).find("img").attr("name"); 
    $("#popupContainer").load(htmlName + ".html"); 
}); <-- needed 

//Close property 
$("a.close").live("click", function(){ 
    $("#popupContainer").empty(); 
}); 
});

来源

2009-09-09 22:09:38 Colin

几乎没有香蕉......传递给“准备好”的第一个函数是不明确的 – BlackMael 2009-09-09 22:33:17

对不起，这是我的错误，我错误地输入了它，我编辑了原文以反映我的代码。当我向Stack Overflow输入代码时， – antonanton 2009-09-09 23:26:22

带有load（）的jquery弹出窗口

回答

相关问题