js代碼在瀏覽路線後停止工作，無需重新啓動頁面

我有js代碼負責選擇。該網站的作品無需重新加載頁面（使用nuxt）。問題是，如果我切換路線，那麼這個選擇不起作用。我怎樣才能解決這個問題？js代碼在瀏覽路線後停止工作，無需重新啓動頁面

$(function() { 
     $('.select_list_radio').on('click', function(){ 
      var current = $(this).find('label span').text(); 
      $(this).parents('.select_list_wrapper').find('.select_list_current .select_list_current_item').text(current); 
      $(this).parents('.select_list_wrapper').removeClass('open'); 
      $(this).parents('.select_list_wrapper').find('.select_list').css('display', 'block'); 
     }); 
    })

來源

2017-09-28 Jussia

你叫這個當'.select_list_radio'元素不存在於DOM？ – thanksd

@thanksd 不，第一次加載頁面時，選擇工作。然後，當我走上路線時，它停止工作。如果您重新加載頁面，它將再次開始工作 – Jussia

你絕不能做出改變，以Vuejs管理，因爲Vue公司將不知道的變化，並打算正前方去，在未來的更新週期覆蓋它的元素。

因此，您可以嘗試將.select_list_radio包裝爲新組件，或者更好地嘗試在Vue中考慮並僅將jQuery置之不理。

您可以瞭解如何安全地在這個環節上使用jQuery與Vuejs：https://vuejsdevelopers.com/2017/05/20/vue-js-safely-jquery-plugin/

來源

2017-09-29 11:13:43 imcvampire

js代碼在瀏覽路線後停止工作，無需重新啓動頁面

回答

相關問題