Обновление семантической ui-таблицы

Question

Система вкладок работает нормально, но я хочу, чтобы вкладка обновлялась каждый раз, когда я нажимаю ее, чтобы открыть ее. Я имею в виду, если я отредактирую div, он обновит сообщение.

Без обновления всей страницы!

Кто-нибудь знает как?

Я пытался с этим:

$('#menu .item') 
 
    .tab({ 
 
    history: true, 
 
    cache: false, 
 
    apiSettings: { 
 
     loadingDuration: 300, 
 
     mockResponse: function(settings) { 
 
     var response = { 
 
      first: 'AJAX Tab One', 
 
      second: 'AJAX Tab Two', 
 
      third: 'AJAX Tab Three' 
 
     }; 
 
     return response[settings.urlData.tab]; 
 
     } 
 
    }, 
 
    auto: true 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

http://semantic-ui.com

Answer 1

К сожалению, это немного поздно, но я думаю, что вы ищете для установки alwaysRefresh вкладки упоминается here. Значение по умолчанию - false, но значение true для него должно обновляться каждый раз:

$('#menu .item') 
    .tab({ 
    alwaysRefresh: true, 
    history: true, 
    cache: false, 
    apiSettings: { 
     loadingDuration: 300, 
     mockResponse: function(settings) { 
     var response = { 
      first: 'AJAX Tab One', 
      second: 'AJAX Tab Two', 
      third: 'AJAX Tab Three' 
     }; 
     return response[settings.urlData.tab]; 
     } 
    }, 
    auto: true 
});