HTML / Javascript 从数据中追加多个词
HTML / Javascript append multiple words from data
我正在尝试将文本从按钮附加到模式 window。
到目前为止它有效,但如果数据包含超过 2 个单词,它只打印第一个我做错了什么?
...
<button type="submit" class="observeSubmit deleteProject" data-title={{ $productValue->title }} name="removeProj">
...
Js函数:
$('button[name="removeProj"]').on('click', function(e){
var $form = $(this).closest('form'); // closest parent form
e.preventDefault();
$("#prodTitle").empty().append($(this).data('title') || '-');
$('#confirm').modal({ backdrop: 'static', keyboard: false })
$('#delete').click(function() {
$form.trigger('submit'); // submit the form
});
});
因此,如果我单击按钮,将打开一个模式并显示 $productValue->title
中的值。
如果 $productValue->title
成立,例如 Jon Doe。
window 只是显示 Jon。
我不确定是不是因为数据属性,也许它只能保存一个值,或者是因为 javascript 函数。
<button type="submit" class="observeSubmit deleteProject" data-title="{{ $productValue->title }}" name="removeProj">
现在的方式是,它将值 "Jon" 分配给 data-title,并将 Doe 视为单独的属性。
您需要将自定义属性用引号引起来。
<button data-title="{{ $productValue->title }}"></button>
在这里工作正常
https://jsfiddle.net/
<form action="">
<button type="submit" class="observeSubmit deleteProject" data-title="test sdfg" name="removeProj">btntest</button>
</form>
<div id="prodTitle"></div>
$('button[name="removeProj"]').on('click', function(e){
var form = $(this).closest('form'); // closest parent form
debugger
e.preventDefault();
$("#prodTitle").empty().append($(this).data('title') || '-');
$('#confirm').modal({ backdrop: 'static', keyboard: false })
$('#delete').click(function() {
$form.trigger('submit'); // submit the form
});
});
我正在尝试将文本从按钮附加到模式 window。
到目前为止它有效,但如果数据包含超过 2 个单词,它只打印第一个我做错了什么?
...
<button type="submit" class="observeSubmit deleteProject" data-title={{ $productValue->title }} name="removeProj">
...
Js函数:
$('button[name="removeProj"]').on('click', function(e){
var $form = $(this).closest('form'); // closest parent form
e.preventDefault();
$("#prodTitle").empty().append($(this).data('title') || '-');
$('#confirm').modal({ backdrop: 'static', keyboard: false })
$('#delete').click(function() {
$form.trigger('submit'); // submit the form
});
});
因此,如果我单击按钮,将打开一个模式并显示 $productValue->title
中的值。
如果 $productValue->title
成立,例如 Jon Doe。
window 只是显示 Jon。
我不确定是不是因为数据属性,也许它只能保存一个值,或者是因为 javascript 函数。
<button type="submit" class="observeSubmit deleteProject" data-title="{{ $productValue->title }}" name="removeProj">
现在的方式是,它将值 "Jon" 分配给 data-title,并将 Doe 视为单独的属性。
您需要将自定义属性用引号引起来。
<button data-title="{{ $productValue->title }}"></button>
在这里工作正常 https://jsfiddle.net/
<form action="">
<button type="submit" class="observeSubmit deleteProject" data-title="test sdfg" name="removeProj">btntest</button>
</form>
<div id="prodTitle"></div>
$('button[name="removeProj"]').on('click', function(e){
var form = $(this).closest('form'); // closest parent form
debugger
e.preventDefault();
$("#prodTitle").empty().append($(this).data('title') || '-');
$('#confirm').modal({ backdrop: 'static', keyboard: false })
$('#delete').click(function() {
$form.trigger('submit'); // submit the form
});
});