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
    });
});