Question

我正在编写一个页面，用于从用户输入的URL中获取图像，并使用ajax，更新一个带有img src的div，以便在模式窗口中显示fancybox。显示的图像具有下面显示的标题，作为链接。这是通过fancybox完成的（如果您将标题设置为设置，则title="something"将在图片下方显示＆＃34;某些内容＆＃34;如果您将标题设置为title="<a href='something.html'>Something</a>）

我的问题是这个。我需要允许用户通过单击链接选择图像，然后让它做两件事：使用img的src url更新隐藏字段，然后提交表单。

以下是我对ajax请求的代码：

    function getCustomerInfo() {
        var phone = document.getElementById("urls").value;
        var url = "grabimages.php?urls=" + escape(phone);
        request.open("GET", url, true);
        request.onreadystatechange = updatePage;
        request.send(null);
        $("#dvloader").show();
        $("#selectimages").hide();
        //$("#noimages").hide();

        function updatePage() {
        if (request.readyState == 4)
            if (request.status == 200){
                if(request.responseText == ''){
                    $("#dvloader").hide();
                    $("#noimages").show();
                }else{
                    document.getElementById("update-div").innerHTML = request.responseText;
                    $("#dvloader").hide();
                    $("#selectimages").show();
                    $(".fancybox")
                        .attr('rel', 'gallery')
                        .fancybox({
                            padding : 15
                        });
                    $('input[id=theimage]').click(function(){

                        $(".fancybox").eq(0).trigger('click');
                    }); 


                    function recURL(recipeurl) {

                        $('#recipeurl').val('recipeurl');
                        document.recipeform.submit();


                    }

                }
            }else{
                alert('nothing');
            }

        }

这是我为href javascript调用尝试的代码（这是服务器端代码，所以PHP：

    echo "<a class=\"fancybox\" id=\"recipelinks\" title=\"<a href='#' onclick='javascript:recURL(" . $imagepath . ");'>Choose this Image</a>\" href=\"" . $imagepath . "\"><img src=\"" . $imagepath . "\" alt=\"\"/></a>";

这没有做任何事情。有什么建议吗？

Answer 1

使用$('.fancybody').live('click', function() { });，live可让您监听有关动态添加到DOM的元素的事件。

使用Href Javascript调用更改隐藏输入

1 个答案: