使用Href Javascript調用更改隱藏的輸入

Question

我正在編寫一個從用戶輸入的URL抓取圖像的頁面，並使用ajax，用img src更新一個div，以供fancybox在模式窗口中顯示。 顯示的圖像的標題下面以鏈接顯示。 這可以通過fancybox完成（如果將標題設置為set，則title="something"將在圖像下方顯示“某物”。如果將標題設置為title="<a href='something.html'>Something</a> ）

我的問題是這個。 我需要允許用戶通過單擊鏈接來選擇圖像，然后依次執行2件事：使用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元素上的事件。