在無模態流星JS

請幫我在流星JS反應模式，首先我注意到，如果我需要一些值從模模板jQuery選擇我得到了應有的價值只在第一個模式「show（）」中，在第一個模式後，他在每次點擊時給我相同的值。然後我看代碼有很多不同id的模態，比如（id =「rm-1e7385aa-4ca8-491b-be4e-81baa2afffbc」），可能會導致問題。我試着用模板保留但沒有成功。你能幫我解決這個問題嗎？在每場演出創建新模態對話框（）

代碼是這樣的相似，

// Reactive Table events 
    Template.reactiveTebleList.events({ 
     'click .reactive-table tbody tr': function (event) { 
     var rd_editorder = ReactiveModal.initDialog(rm_EditOrder); 
     rd_editorder.show(); 
    } 
}); 

    var rm_EditOrder = { 
    type: 'type-default', 
    template: Template.tmp_EditOrder, 
    title: "Edit Order", 
    removeOnHide: true, 
    closable: true, 
    buttons: { 
      "cancel": { 
      class: 'btn-danger', 
      label: 'Cancel' 
      }, 
      "ok": { 
      closeModalOnClick: true, 
      class: 'btn-info', 
      label: 'Back' 
      } 
     } 
    }; 

Template.tmp_EditOrder.events({ 
'click #saveposition': function(e){ 

     var selectedPosition = $('#selectPosition').find(":selected").text(); 
     console.log("selectedPosition: " + selectedPosition); 

     rm_EditOrder.hide(); 
}, 


<template name="tmp_EditOrder"> 
    <select class="form-control" id="selectPosition"> 
       {{#each position}} 
        <option>{{this}}</option> 
       {{/each}} 
    </select> 
<button type="submit" id="saveposition" class="btn btn-primary">Save Position</button> 
</template>

來源

2014-10-29 satmari

我只是添加jQuery選擇。在和它的作品:) 'code'var selectedPosition = $（ '在#selectPosition。'）找到（「：選擇」）。文本（）; console.log（「selectedPosition：」+ selectedPosition）; – satmari 2014-10-29 22:02:29

在每一個模態接近使用$(".modalClass").remove();或者使用流星包來處理這個過程。我一直在使用https://github.com/pahans/reactive-modal。正如你在這個軟件包的文檔中看到的那樣，在關閉模態的時候爲你完成模態的移除。注意removeOnHide如果你想保留模態的話，它也可以設置爲true。

var shareDialogInfo = { 
template: Template.appShareDialog, 
title: "Share the app", 
modalDialogClass: "share-modal-dialog", //optional 
modalBodyClass: "share-modal-body", //optional 
modalFooterClass: "share-modal-footer",//optional 
removeOnHide: true, //optional. If this is true, modal will be removed from DOM upon hiding

來源

2014-10-30 13:39:55 Nate

在每場演出創建新模態對話框（）

在無模態流星JS

回答

相關問題