使用 JQUERY 添加 Div - 不工作答案

【问题标题】：Add Div using JQUERY-Not working使用 JQUERY 添加 Div - 不工作
【发布时间】：2016-03-07 21:29:22
【问题描述】：

我们正在尝试将模态正文添加到电子邮件中。有谁知道我们做错了什么？我们将它包含在顶部， var content = $("#modal-body").text("");和 $("#modal-body").text(""); 然后我们把 div class="modal-body

 eventClick: function(event) {
  console.log(event)
    // alert(event.start.format('MMMM Do YYYY'))
  var start = event.start.format('MMMM Do YYYY'),
    end = event.end.format('MMMM Do YYYY'),
    html = '<p>Starts: ' + start + '<p>';
  html += '<p>Ends: ' + end + '<p>';
  var modal = $("#modal");
  modal.find(".modal-title").html(event.title);
  modal.find('.modal-body').html(html)
  modal.modal();
    }
});
});
 });//]]> 


jQuery(function($)  
{
$("#contact_form").submit(function()
{
    var content = $("#modal-body").text("");
    var email = $("#email").val(); // get email field value
    var name = $("#name").val(); // get name field value
    var msg = $("#msg").val(); // get message field value
    $.ajax(
    {
        type: "POST",
        url: "https://mandrillapp.com/api/1.0/messages/send.json",
        data: {
            'key': 'hlg_vG6ftPebBiLnrNSCVA',
            'message': {
                'from_email': "email@email.com",
                'from_name': "name",
                'headers': {
                    'Reply-To': "email@email.com"
                },
                'subject': 'Confirmation - Sign Up',
                'text':  content, 
                'to': [
                {
                    'email': email,
                    'name': name,
                    'type': 'to'
                }]

            }
        }
    })
    .done(function(response) {
        alert('You have been signed up. Thank you!'); // show success message
        $("#name").val(''); // reset field after successful submission
        $("#email").val(''); // reset field after successful submission
        $("#msg").val(''); // reset field after successful submission
        $("#modal-body").text("");
    })

【问题讨论】：

$('#modal-body').text("") 将值设置为空字符串以防万一......基本上不是获取文本，而是删除它。
如果可以的话，用您的代码发布JSFiddle？另外，你知道哪个部分失败了吗？即控制台中是否有错误消息？
@Lanie909 感谢 jsfiddle。不幸的是，它不会加载您所有的 CSS/JS，因此不会显示模式和日历。电子邮件和名称变量设置正确，但我无法检查模式。如果您在本地运行您的应用程序并添加诸如“console.log("content:" + content + " msg:" + msg + "");" 之类的行你在控制台有什么吗？（您使用 Chrome/Firefox 吗？）在 chrome 中，您可以使用 Control + Shift+ i 调出控制台并在那里尝试您的 jquery ($("#modal-body").text();) 看看它是否有任何反应。

标签： javascript jquery fullcalendar

【解决方案1】：

这一行：

var content = $("#modal-body").text("");

正在擦除内容而不是阅读内容。尝试更改它：

var content = $("#modal-body").text();

【讨论】：

【解决方案2】：

根据你的 jsfiddle，你有一个这样的块：

$(window).load(function(){
$(document).ready(function() {
...

首先这是行不通的。 dom 事件在触发加载之前触发准备就绪。您可以安全地删除$(window).load 或$(document).ready。 $(window).load 在所有图像和脚本/样式都已加载时触发。 $(document).ready 在 DOM 加载后立即触发。

其次，您肯定需要从以下位置更改行：

var content = $("#modal-body").text("");

将值设置为空字符串，因此不是获取文本，而是删除它。相反，你想要：

var content = $("#modal-body").text();

获取值并将其存储在内容中。

【讨论】：