javascript - $(this).data() trim 数据库中传递的数据直到空格

Question

除了当我获取带有空格的数据时，一切正常。我想获取整个数据字符串，而不是 trim 后的数据。
在我的示例中，每次获取“数据标题”或“数据类型”时，数据都会被剪切直到空格。
我尝试将静态数据字符串放入“data-title”中，效果非常好。但是，当我传递来自数据库的动态动态时，它会被 trim 直到空格。 $row[1] 完美地显示在链接上，但在传递时被 trim 。

HTML

<a href='#manage_question_window' class='manage_question' data-toggle='modal' data-target='#manage_question_window' data-id=$row[0] data-title=$row[1] data-type=$row[2]>$row[1]</a>  

<div class="modal fade" id="manage_question_window"> <!-- START management -->
        <div class="modal-dialog">
            <div class="modal-content">
                <!-- HEADER -->
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h2 class="modal-title text-center">Manage Question</h2>
                </div>
                <!-- BODY -->
                <form role="form" class="form-horizontal">
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="manage_input_question" class="col-sm-2 control-label">Question</label>
                            <div class="col-sm-10">
                                <textarea name="question" class="form-control" id="manage_input_question" placeholder="Question" style="resize:none;"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="manage_input_type" class="col-sm-2 control-label">Answer Type</label>
                            <div class="selectContainer col-sm-10">
                                <select name="type" class="form-control" id="manage_input_type">
                                    <option value="Multiple Choice With Unique Answer">Multiple Choice With Unique Answer</option>
                                    <option value="Multiple Choice With Multiple Answer">Multiple Choice With Multiple Answers</option>
                                    <option value="True or False">True or False</option>
                                    <option value="Identification">Identification</option>
                                </select>
                            </div>
                        </div>
                    </div>
                        <!-- BUTTON -->
                    <div class="modal-footer">
                        <input type="button" id="create_btn" name="create" class="btn btn-primary btn-block" value="Create">
                    </div>
                </form>
            </div>
        </div>
    </div>

JavaScript

$(document).on("click", ".manage_question", function () {
    var question_id = $(this).data('id');
    var question_title = $(this).data('title');
    var question_type = $(this).data('type');

    $(".modal-body #manage_input_question").val( question_title );
    $(".modal-body #manage_input_type").val( question_type );
});

Answer 1

好吧，我在这里发现了我的错误。而不是

data-id=$row[0] data-title=$row[1] data-type=$row[2]  

应该用引号引起来。

data-id=$row[0] data-title='$row[1]' data-type='$row[2]'