文章/答案/技术大牛

发布

社区首页 >问答首页 >扩展-传递变量javascript问题

问扩展-传递变量javascript问题
EN

Stack Overflow用户

提问于 2015-10-26 18:46:41

回答 1查看 538关注 0票数 0

当在我的页面上单击一个链接时，它会显示一个带有该项目ID的警报。但是接下来发生的事情(包含该ID的URL + querystring触发的弹出)显示为未定义的。因此，我只是想弄清楚为什么在调用弹出窗口时变量ID不保存值。

编辑:因此，现在对于当前的更改，需要2次单击才能使弹出窗口显示正确的querystring/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>

javascript

asp.net

magnific-popup

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-26 18:56:05

您应该在click事件的函数中调用弹出，否则，在执行magnificPopup时，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',
           });
      });
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33353338

复制

相似问题

问扩展-传递变量javascript问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问扩展-传递变量javascript问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问扩展-传递变量javascript问题
EN