Bootstrap navtab上的JavaScript傳遞數據點擊

我正在處理一個在引導程序navtab中加載表單的應用程序。我有一個日期選擇器，允許用戶輸入日期點擊提交併更新navtab中的數據。我想要做的是讓用戶選擇一個日期，然後當點擊一個標籤時，它將使用該日期來顯示數據。現在，它只會在點擊提交按鈕時才起作用。我知道我需要更改我的navtabs中的代碼以匹配按鈕被點擊時的操作，但我不確定如何操作。這裏是我的navtabs：Bootstrap navtab上的JavaScript傳遞數據點擊

<ul class="nav nav-tabs spiff_tabs" role="tablist"> 
        <li role="presentation" class="active"> 
         <a href="#home" aria-controls="home" role="tab" data-id="delayedspiff" data-toggle="tab" onclick="FormGet('dashboard/delayedspiff', 'delayedspiff')">Potential Spiff</a> 

        </li> 
        <li role="presentation"> 
         <a href="#profile" aria-controls="profile" role="tab" data-id="instantspiff" data-toggle="tab" onclick="FormGet('dashboard/instantspiff', 'delayedspiff')">Instant Spiff</a>       
        </li> 
       </ul> 
       <!-- Tab panes --> 
       <div class="tab-content" id="details"> 
        <div role="tabpanel" class="tab-pane active" id="delayedspiff"></div> 
        <div role="tabpanel" class="tab-pane" id="instantspiff"></div> 
       </div> 
      </div> 
     </div> 
    </div>

這裏是點擊鏈接的JavaScript：

<script>  
    $(".spiffdate-btn").click(function(){ 
     var correctId = $("ul.spiff_tabs li.active a").attr('data-id'); 


     var endDate = $("#startDate").val(); 
     if (endDate == "") { 

     } else { 
      if (correctId == "delayedspiff") 
      { 
       FormGet('dashboard/delayedspiff?endDate=' + endDate, 'delayedspiff') 


      } else if (correctId = "instantspiff") { 
       FormGet('dashboard/instantspiff?endDate=' + endDate, 'delayedspiff') 

      }   
     }  
    }); 
</script>

如何改變navtab Formget功能匹配formget功能按鈕的點擊？

來源

2015-11-30 hollyquinn

爲什麼不給標籤鏈接類_spiffdate-btn_，以便在沒有onclick屬性的情況下觸發它們？或者將_spiffdate-btn_重命名爲更通用的，並在必要時應用它們。 – Billy

@比利工作！它弄亂我的格式，但它的工作原理！把它作爲答案，以便我可以爲你做標記。 – hollyquinn

我創建了答案並添加了一個可能的解決方案來解決您的css問題。 – Billy

將spiffdate-btn類應用到您的標籤鏈接，以便它們也會觸發與您的提交按鈕相同的功能，而不需要onclick屬性。你可以使用一個更通用的隨機css類，並且不會將CSS應用於你的元素。

來源

2015-11-30 17:13:02 Billy

我不知道如何做CSS的一部分？我需要在按鈕上保留的格式，而不是應用到標籤？ – hollyquinn

你會保留你的_spiffdate-btn_類在你的按鈕上，但也給它一個類，將有一個觸發函數的唯一目的。 '$（「。class-of-your-choice」）。click（function（）{...}）;'現在，任何具有_class-of-choice-choice_類的元素都將觸發該函數。 – Billy

比利。它完美的作品。不夠感謝你。 – hollyquinn

Bootstrap navtab上的JavaScript傳遞數據點擊

回答

相關問題