Question

使用JQuery我试图在图像上点击后打开一个模态框。我可以使用硬链接打开盒子，但不能在用户单击图像时打开。我尝试过使用.show，但这看起来不正确吗？

使用.go等的以下代码结构必须保留为识别图像的方式，以便可以点击它们。

我知道这是一个新手，问题，但我无法在任何地方找到我需要的灵气。

        $(document).ready(function() {
            $('.go img').css('cursor', 'pointer');
            $('.go').on('click', 'img', function(e) {
                $(this).width(100).height(100).appendTo('#modal-show');
                $( "#modal-show" ).show( "slow", function() {
    // Animation complete.
  });
                SaveMyBadge();
                return false;
            });
        });

Answer 1

不确定。在这里你有一个工作演示。我注意到你做了一些额外的事情，比如SaveMyBadge();，所以更新了小提琴。

<a href="#modal-show" title="Clicking this link shows the modal">
    <img class="images BadgeImgOutline responsive-image" src="http://kudosoo.com/GBadges/badge9.jpg" alt="badge-image" />
</a>


$(document).on('click', '.click-badge', function () {
    //do other stuff if you need to

    SaveMyBadge();
    return false;
});

无法使用JQuery显示模式框

1 个答案: