양식을 호출하는 버튼을 얻는 방법

Question

여기 또 다른 초보자. 이전 사이트 페이지에서이 코드를 가져 와서 새 WP 사이트의 페이지에서이 코드를 사용하고 싶습니다. WP의 HEADER 섹션에 적절한 HEAD 정보를 넣고 페이지의 다음 스크립트를 넣습니다. 그러나 폼 자체를 호출하는 버튼을 얻을 수없는 것 같습니다.

도움을 주시면 감사하겠습니다.

<center><form><input type="button" id="feedback-button" class="button" value="Open Support Ticket" /></form></center> 

<script type="text/javascript"> 
window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, { 


    // ==== custom trigger function ==== 
    triggerFunction : function(showCollectorDialog) { 
     $('#feedback-button').on('click', function(e) { 
      e.preventDefault(); 
      showCollectorDialog(); 
     }); 

    } 

}); 
    </script> 

Answer 1

버튼을 사용하여 양식을 제출하려는 경우 JavaScript를 사용하지 않아도됩니다. 그것이 브라우저의 기본 동작입니다. 그러나 제출 버튼이 포함 된 모든 입력 은 과 동일하게 form 요소에 있어야합니다. 또한 form 요소에 action 속성과 method 속성이 있는지 확인해야합니다.

Answer 2

사용자 정의 트리거 이벤트가 showCollectorDialog에 호출되는 것을 나에게 보인다()

당신은 또한 showCollectorDialog에 대한 코드가 있습니까?

경고 메시지를 추가하여 기능이 호출되는지 확인할 수 있습니다.

<script type="text/javascript"> 
window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, { 


// ==== custom trigger function ==== 
triggerFunction : function(showCollectorDialog) { 
    $('#feedback-button').on('click', function(e) { 
     alert("Yes, the button is getting executed!"); 
     e.preventDefault(); 
     showCollectorDialog(); 
     alert("No, looks like I passed the showCollectorDialog and is not working"); 
    }); 

} 

}); 
</script> 

다른 옵션의 onclick가에 따라 함수의 일종 fireoff하는데 사용될 수

<center><form><input type="button" id="feedback-button" onClick="functionName()" class="button" value="Open Support Ticket" /></form></center> 

온 클릭 이벤트처럼 버튼 일부 코드 ... 갖는 포함 필요한 행동. 코드가 무엇을하고 있는지 정확하게 말할 수는 없지만 지원 티켓의 팝업 창을 여는 중입니까?

실제로 더 자세한 내용이 필요하지만 위의 내용이 최소한 시작 문제를 해결하는 데 도움이되는지 확인하십시오.