Fatal编程技术网

放大传递变量javascript问题

javascript c# asp.net

放大传递变量javascript问题,javascript,c#,asp.net,magnific-popup,Javascript,C#,Asp.net,Magnific Popup,当在我的页面上单击链接时，它会显示一个带有相关项目ID的警报。但是接下来发生的事情（由包含该ID的URL+querystring触发的弹出窗口）显示为未定义。所以我只是想弄明白为什么调用弹出窗口时变量ID没有保存值 编辑：因此，现在有了当前的更改，需要单击两次才能使弹出窗口显示正确的查询字符串/ID。有什么想法吗？将.magnificPopup更改为.magnificPopup.open时，单击后将无法执行任何操作 编辑：现在开始工作。固定行：$.magnific.open删除绑定到它的类名。现

当在我的页面上单击链接时，它会显示一个带有相关项目ID的警报。但是接下来发生的事情（由包含该ID的URL+querystring触发的弹出窗口）显示为未定义。所以我只是想弄明白为什么调用弹出窗口时变量ID没有保存值

编辑：因此，现在有了当前的更改，需要单击两次才能使弹出窗口显示正确的查询字符串/ID。有什么想法吗？将.magnificPopup更改为.magnificPopup.open时，单击后将无法执行任何操作

编辑：现在开始工作。固定行：$.magnific.open删除绑定到它的类名。现在一切都很好。谢谢你的帮助

<head><meta charset='UTF-8'> 

<link rel='stylesheet prefetch' href='magnific-popup/magnific-popup.css'>
</head><body>   
<script src='magnific-popup/jquery-2.1.4.min.js'></script>
<script src='magnific-popup/magnific-popup.js'></script>
<script type="text/javascript"> 
    $(document).ready(function () {
        $('.simple-ajax-popup2').click(function () {
            ID = $(this).data("var1");
           // alert(""+ID+"");
            $.magnificPopup.open({
            items: {
                src: 'Test.html?ID='  + ID + '' 
            },
            type: 'iframe',
        });
        }); 


    });
</script>
<a class="simple-ajax-popup2" data-var1="1" href='#' >
    test 1
</a> <br>
<a class="simple-ajax-popup2" data-var1="2" href='#' >
   test 2
</a> <br>
<a class="simple-ajax-popup2" data-var1="3" href='#' >
   test 3
</a> 
</body></html>



$（文档）.ready（函数（）{
$（'.simple-ajax-popup2'）。单击（函数（）{
ID=$（this）.data（“var1”）；
//警报（“+ID+”）；
$.magnificPopup.open({
项目：{
src:'Test.html？ID='+ID+''
},
键入：“iframe”，
});
}); 
});
您应该在单击事件的函数中调用弹出窗口，否则，在执行放大弹出窗口时，ID仍然未定义：

$(document).ready(function () {
     $('.simple-ajax-popup2').click(function () {

          ID = $(this).data("var1");
          alert(""+ID+"");
          $('.simple-ajax-popup2').magnificPopup.open({
               items: {
                   src: 'Test.aspx?ID='  + ID + "" 
               },
               type: 'iframe',
           });
      });
});
谢谢，这是有道理的，但似乎还是出了问题。第一次单击链接时，将显示警报，而不会发生其他任何情况。第二次尝试单击看起来正常的链接。但是当点击页面上的其他项目（相同的链接但不同的ID/项目）时，它似乎总是加载上一个链接的值，而不是当前点击的值。因此，基本上需要点击两次才能实现正确的操作。有什么想法吗？你测试过我编辑的代码了吗？现在还在测试中？是的，这是你发布的代码的结果。第一次单击将启动具有当前值的警报，但不会触发弹出窗口。第二次尝试单击正常工作。但是它加载了以前的clicks值。好的，我没有你的全部代码，但是我删除了不必要的全局变量，并使用modal的open方法查看它是否在第一次尝试时打开