使用 JQUERY-Not 工作添加 Div
Add Div using JQUERY-Not working
我们正在尝试将模态正文添加到电子邮件中。 有谁知道我们做错了什么? 我们把它包含在顶部,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();
获取值并将其存储在内容中。
相关文章:
- 添加文字和评论功能更新Div
- JQuery将侦听事件添加到.rezable(),然后附加DIV's
- 从提示(jQuery)添加带有变量的列表项(Div)
- 如果Div包含精确文本,则添加类
- 如何使用jQuery将当前月份添加为DIV的类
- 如何从DIV数组向DIV添加文本
- JQuery 将一个 Div 值的百分比添加到另一个值
- 无法在 DIV 中添加 LI 项
- 如何使用Javascript添加和使用Div作为总计算器
- 在具有特定ID的DIV中使用JavaScript动态添加HTML元素
- 如何在 DIV 中添加 html5 画布
- 使用 javascript 或 jquery 动态地将 Div 添加到 html 页面
- 在 ajax 函数中向 DIV 添加样式更改
- 将警报DIV添加到验证脚本(jquery / javascript)
- 如何向多重显示/隐藏DIV添加更多按钮
- 如何将DIV添加到Jquery-Simpleslider插件中
- 将Div添加到th
- 禁止使用jquery向DIV添加HTML元素
- 每次单击按钮时,向现有 Div 添加不同的文本
- 使用javascript将DIV添加到弹出窗口中