Javascript沒有正確地將變量傳遞給Modal

我在代碼中搞砸了一些東西，結果幾個變量沒有正確地從我的HTML文檔傳輸到模態對話框。我在這裏要做的是將變量data-uid和data-part和data-type傳遞給模態對話框。Javascript沒有正確地將變量傳遞給Modal

<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')

有

然而沒有包含在其中。

我在做什麼錯？我知道它必須是一個小的小事......

來源

2013-02-26 user1328021

你可以試試」var myType = $（this）.data（'id'）;「 – 2013-02-26 14:18:18

你不需要'data'部分 - $（this）.data（'id'）;將得到你的'data-id' – Pete 2013-02-26 14:18:21

我在刪除那個'data'部分後仍然遇到同樣的問題。 – user1328021 2013-02-26 14:23:27

您可以訪問兩種方式的數據-X屬性：

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

或

$(selector).data("x")

的方法。數據會自動添加「數據 - 「前綴

來源

2013-02-26 14:18:22 cernunnos

這似乎沒有做到這一點... – user1328021 2013-02-26 14:23:11

Javascript沒有正確地將變量傳遞給Modal

回答

相關問題