POP2

Question

此代码正常运行，但两个链接都打开相同的信息，即link2`

POP2

的信息。如果我删除第二个链接，第一个链接打开没有问题。我错过了什么？

HTML

＆＃13;

result=0; //non controlling value for OR
for(i = 0; i < fin; i++)
{
value=unodes[i];
result=(result | value);
}
final_value = result;

＆＃13;

 
    $(document).ready(function(){
    
        $('.open').click(function() {
        $('.pop_background').fadeIn();
        $('.pop_box').fadeIn();
        return false;
       });
        $('.close').click(function() {
        $('.pop_background').fadeOut();
        $('.pop_box').fadeOut();
        return false;
    
      });
    
        $('.pop_background').click(function(){
        $('.pop_background').fadeOut();
        $('.pop_box').fadeOut();
        return false;
         });
    });

＆＃13;

Answer 1

对我而言，您似乎只为第一个弹出窗口编写了JavaScript？您没有告诉计算机应该打开哪个弹出窗口。

Answer 2

代码都引用同一个对象。您必须为每个分配ID。

更新： 我创建了一个javascript函数来接受参数，即容器ID，这样您就可以调用一次。它位于这个答案的底部

<强> HTML

<div id="pb1" class="pop_box">
  <h1>POP1</h1>
    <span class="close">&times;</span>
</div>
  <div class="img">
    <a id="openpb1" class="open" href="#">
      click to open pop1
    </a>

<div id="pb2" class="pop_box">
  <h1>POP2</h1>
    <span class="close">&times;</span>
</div>
  <div class="img">
    <a id="openpb2" class="open" href="#">
      click to open pop2
    </a>
  </div>
</div>

<强> JAVASCRIPT

重复pop2的代码

<script>    
$(document).ready(function(){
    $('#openpb1').click(function() {
    $('#pb1').fadeIn();
    $('.pop_box').fadeIn();
    return false;
   });
    $('#pb1 .close').click(function() {
    $('#pb1').fadeOut();
    $('#pb1').fadeOut();
    return false;

  });

    $('.pop_background').click(function(){
    $('.pop_background').fadeOut();
    $('.pop_box').fadeOut();
    return false;
     });
});
</script>

将其用作功能

<script>    
   function myPopup(container){
        $(container).fadeIn();
        $('.pop_box').fadeIn();
        return false;
    }

$('#openpb1').click(function() {
myPopup('#pb1');
});

$('#openpb2').click(function() {
myPopup('#pb2');
});    
</script>

在弹出窗口中打开不同的内容

POP2

2 个答案: