Javascript 未正确将变量传递给 Modal

Question

我在代码中搞砸了一些东西，结果一些变量没有正确地从我的 HTML 文档传输到模式对话框。我在这里尝试做的是将变量 data-uid 和 data-part 和 data-type 传递到模式对话框。

<div class="span11" style="text-align:center;">
    <a href="#myModal" role="button" class="myModal btn btn-success" data-id="Type1" data-part ="{{uni.pt}}" data-uid="{{uni.id}}" data-toggle="modal">Type 1</a>
</div>

Javascript:

<script type="text/javascript">
$(document).on("click", ".myModal", function () {
     var myType = $(this).data('data-id');
     $(".modal-body #type").val( myType );
     var myPart = $(this).data('data-part');
     $(".modal-body #part").val(myPart);
     var myUID = $(this).data('data-uid');
     $(".modal-body #uid").val( myUID );
     $('#myModal').modal('show');
});

模态:

            <div class="form_block" style="float:right;">
                <input type="hidden" name="type" id="type">
                <input type="hidden" name="part" id="part">
                <input type="hidden" name="uid" id="uid">
                <input class="btn btn-primary" type="submit" value="{% trans 'Submit' %}">
            </div>

但是在我看来，当我尝试获取这些变量之一时，例如

type = request.POST.get ('type')

里面什么也没有。

我做错了什么？我知道这一定是一件小事......

Answer 1

您可以通过两种方式访问​​ data-x 属性:

$(selector).attr("data-x")

或

$(selector).data("x")

.data 方法自动添加“data-”前缀