2017-11-30 11 views
0

bsモーダルで実行する必要があるスクリプトがあります。私は "$("#SeedId ")を実行することができます(" change "、function(){..." jsfiddleにはモーダルなものは含まれていないので、うまくいきます。機能の火災が、その後変更機能にseedidしません、でも、モーダルでない場合は、それがするけれども、私はスクリプトが下にレンダリングしたビューでjqueryがbsモーダルで起動しない

:。

@section Scripts { 
    @Scripts.Render("~/Scripts/app/mixSeed.js") 
} 

mixSeed.jsがあります。最後のスクリプトはjQueryと控えめなAJAX後、レンダリング

コードをmixSeed.jsである:

$(function() { 
    var binUrl = $("#BinsUrl").val(); 

    $('body').on('shown.bs.modal', '#modal-container', function() { 
     //cascading dropdown. Populate bin locations for given seed. 

     console.log("modal is now open"); 

     $("#SeedId").on("change", function() { 
      var seed = $(this).val(); 
      $("#BinId").empty(); 

      console.log("seedid is: " + seed); 

      $.get({ 
       url: binUrl, 
       data: { seedId: seed }, 
       success: function (response) { 
        $.each(response, function (index, item) { 
         $("#BinId").append($('<option value="' + item.Value + '">' + item.Text + '</option>')); 
        }); 
       } 
      }) 
     }) 
    }) 
}) 

$( "#SeedId")は選択リストで、$( "#BinId")と同じです。 「モーダルは今開いています」は常にコンソールに表示されますが、「Seedid is」メッセージは表示されません。 '変更時'のどこでもブレークポイントはヒットしません。

フィドル:https://jsfiddle.net/3wc894zt/

+0

私のために働くhttp://jsbin.com/decutadupa/edit?html,js,output – Shyju

+0

ur fiddle works https://jsfiddle.net/sudarpochong/3wc894zt/1/ –

+0

フィドルはコードを証明することでしたshown.bs.modalの内部で動作していた。私はそれを 'shown'を 'loaded'に変更して修正しました。 – BattlFrog

答えて

0

私はloaded.bs.modalするshown.bs.modal変更し、それが仕事を始めました。

関連する問題