使用 JQUERY-Not 工作添加 Div

Add Div using JQUERY-Not working

本文关键字：Div 添加 工作 JQUERY-Not 使用      更新时间：2023-09-26

我们正在尝试将模态正文添加到电子邮件中。 有谁知道我们做错了什么？ 我们把它包含在顶部，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("");
    })

这一行：

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

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

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

根据你的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();

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

相关文章：