js 페이지를 재부팅하지 않고 코드를 탐색 한 후 코드가 작동을 멈 춥니 다.

select를 담당하는 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

이 전화하고 있습니까? – thanksd

@thanksd 아니요, 페이지를 처음로드 할 때 선택이 작동합니다. 그런 다음 내가가는 길에 멈 춥니 다. 페이지를 새로 고침하면 다시 작동하기 시작합니다. – Jussia

당신은 뷰가 변경 알 수 없습니다 오른쪽 가서 다음 업데이트주기를 덮어 쓸 것입니다 때문에 Vuejs가 관리하는 요소를 변경해서는 안됩니다.

.select_list_radio을 새 구성 요소에 래핑하거나 더 나은 것으로 생각하면 Vue에서 생각하고 jQuery를 멀리 치워보십시오.

안전하게이 링크에 Vuejs와 jQuery를 사용하는 방법을 읽을 수 있습니다은`.select_list_radio` 요소가 DOM에 존재하지 않는 경우 https://vuejsdevelopers.com/2017/05/20/vue-js-safely-jquery-plugin/이

출처

2017-09-29 11:13:43 imcvampire

js 페이지를 재부팅하지 않고 코드를 탐색 한 후 코드가 작동을 멈 춥니 다.

답변

관련 문제