Grails 呈现内容动态访问 id 元素

Question

AJAX 内容正在通过表单内的 remoteLink 函数呈现以填充手风琴（只是一点背景信息）。

在双击 JQuery Accordion 小部件的每个段落内容时调用的 function attatchEmail(test)。这就是运行函数所发生的事情...Screenshot of 1st alert & Screenshot of 2nd alert。

难道不能像下面这样选择段落并从段落中获取内容吗？

（我尝试将.val 更改为.html 和.text。我也尝试过$('#'+testingID)）

_form.GSP

function attatchEmail(test) {
    $(document).ready(function()
    {
    var testingID = test.id;
    alert(testingID);
    var testingValue = $(testingID).val();
    alert(testingValue);
    });
};

_contactListAjax.GSP

<g:each in="${contactList}" status = "i" var="contact">
    <h3><a href="#">${contact.contactSurname +',  '+ contact.contactForename}</a></h3>
    <div><p id="contact${contact.id}" ondblclick="attatchEmail(this)">${'Email:  '+contact.email}</p></div>
</g:each>

用尽了探索的途径，我确信我以前做过这样简单的事情，完全没问题：/

请看两张截图以获得更好的洞察力，谢谢

Answer 1

好吧，看起来您正在使用 jQuery，但看起来您并没有真正接受 jQuery 方法。如今，将行为与标记混合并不是真正的好习惯，尤其是在使用像 jQuery 这样的库时。我不确定您的确切问题，但我建议将其更改为以下内容：

<g:each in="${contactList}" status = "i" var="contact">
    <h3><a href="#">${contact.contactSurname +',  '+ contact.contactForename}</a></h3>
    <div><p class="contact-email" data-id="${contact.id}">${'Email: '+contact.email}</p></div>
</g:each>

$(function() {
   $("body").on("dblclick", ".contact-email", attachEmail);
});

function attatchEmail(event) {
   var $element = $(event.target);
   var id = $element.data("id");
};

这应该有助于解决由于 jQuery on 函数的工作方式而导致的任何动态渲染问题。