JQM：由Ajax調用

返回隱藏字段值拉我有我的jQuery Mobile的網頁div：JQM：由Ajax調用

<div id="dynamic_div"> 
</div>

DIV的開始是空的。頁面初始化後，用戶可以將內容添加到通過ajax調用添加到服務器的div。請注意，ajax調用是使用jQuery的ajax（）方法進行的。

所以Ajax調用之後，那麼div會是這個樣子：

<div id="dynamic_div"> 
    Visible stuff 
    <input hidden id="hidden_stuff" value="99"> 
    <a href="#" class="display_value">Display value</a> 
</div>

比方說，我希望用戶能夠點擊「顯示值」鏈接，彈出打開的價值隱藏字段，如下所示：

$(document).on('click', ".display_value", (function() { 
    alert($('#hidden_stuff').val()); 
}

但警報調用返回「undefined」，而不是「99」。 DOM不知道#hidden_stuff字段存在，因爲它是通過ajax調用加載的。是否有一些技巧可以用來將隱藏字段注入到DOM中？

來源

2015-05-07 StevieD

原來我除去包含在按鍵用JavaScript（）的隱藏字段附加到在點擊數事件的HTML。我已經忘記了這一點。這就是爲什麼我無法獲得隱藏領域的內容。 Bonehead。 – StevieD

你有一些錯別字：

的DIV ID不應該有「＃」：<div id="#dynamic_div">應該<div id="dynamic_div">

您單擊處理：

$(document).on('click', ".display_value", (function() { 
    alert($('#hidden_stuff').val()); 
}

應該

$(document).on('click', ".display_value", function() { 
    alert($('#hidden_stuff').val()); 
});

工作DEMO

來源

2015-05-07 19:46:08 ezanker

我當時是個白癡。看到我上面的評論。謝謝您的幫助。 – StevieD

JQM：由Ajax調用

回答

相關問題