Question

我想使用一个“隐藏”的div，它包含一个基于PHP返回值的可点击图像链接。

有人可以请我举个例子吗？我知道有一个名字，但我不知道它叫什么。

Answer 1

显示：（api url）

$("#mybuttondivID").show();

隐藏：（api url）

$("#mybuttondivID").hide();

一个例子：

<html>
<head>
    <title> Show/Hide example</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
    <div id="mybuttondiv">
        <a href="http://www.google.com"><img src="http://www.google.be/intl/en_com/images/srpr/logo1w.png" alt="Google" /></a>
    </div>

    <script type="text/javascript">
        $(document).ready(function () {

            // hide the buttondiv before we do the ajax call
            $("#mybuttondiv").hide();

            //do an ajax request to a php page
            $.ajax({
                type: "GET",
                url: "fetch_data.php",
                success: function (html) {
                    //do something when the response returns
                    // in this case, we make the button visible again
                    $("#mybuttondiv").show();
                },
                error: function (request) {
                    //ajax failed, display button again
                    $("#mybuttondiv").show();
                }
            });
        });
    </script>
</body>
</html>

以下是jquery $.Ajax帮助页面的链接： http://api.jquery.com/jQuery.ajax/

Answer 2

也许您正在寻找.hide()，.show()，.toggle()和/或$.get()的组合？

编辑：根据您的评论，也许这就是您所追求的：

var hidden = $('#someDiv, #someLink').hide();
$.get('someScript.php', function() {
    hidden.show();
});

我可以用什么来显示/隐藏可点击的按钮？

2 个答案: