ASP.NET JavaScript 함수 호출 코드 숨김

Question

질문이 업데이트되었습니다.

참조 : html로 링크를 클릭은 "일반 추가"때 http://www.startuppirates.org/blog/gritter/

이 제대로 작동 팔로우 그렇게 관련의 .js와 .CSS가 작동 통지를 보여줍니다.

HTML 링크

<a href="#" id="add-regular">Add regular notification</a> 

자바 스크립트

<script type="text/javascript"> 

    $('#add-regular').click(function() { 

     var unique_id = $.gritter.add({ 
      // (string | mandatory) the heading of the notification 
      title: 'This is a regular notice!', 
      // (string | mandatory) the text inside the notification 
      text: 'This will fade out after a certain amount of time.', 
      // (string | optional) the image to display on the left 
      image: '/content/gritter/images/success.png', 
      // (bool | optional) if you want it to fade out on its own or just sit there 
      sticky: false, 
      // (int | optional) the time you want it to be alive for before fading out 
      time: '', 
      class_name: 'gritter-info' 
     }); 
     return false; 
    }); 

</script> 

내가 매개 변수로 함수에 JS 위에 수정 한, 나는 코드 숨김 (ASP에서 알림을 표시하는 호출하려고 해요 .net/web-forms)하지만 작동하지 않습니다!

Codebehind가

Page.ClientScript.RegisterStartupScript(Me.GetType(), "return", "stickyalert('Property Upload', 'property data uploaded successfully', 0, 'success');", True) 

자바 스크립트

<script type="text/javascript"> 
    function stickyalert(title, text, sticky, success) { 
     var unique_id = $.gritter.add({ 
      // (string | mandatory) the heading of the notification 
      title: title, 
      // (string | mandatory) the text inside the notification 
      text: text, 
      // (string | optional) the image to display on the left 
      image: '/content/gritter/images/success.png', 
      // (bool | optional) if you want it to fade out on its own or just sit there 
      sticky: sticky, 
      // (int | optional) the time you want it to be alive for before fading out 
      time: '5000', 
      // (string | optional) the class name you want to apply to that specific message 
      class_name: 'gritter-info' 
     }); 
     return false; 
    } 
</script> 

Answer 1

가장 좋은 방법은 자신의 기능을 내부에 기능을 넣어하는 것입니다. 그런 다음 click 이벤트에서이 함수를 호출하는 것 외에도 페이지에서 jquery API를 사용하여로드 할 때 함수를 호출하도록 스크립트를 렌더링하십시오.

<script type="text/javascript"> 

    function myFunc() { 
     $.gritter.add({ 
      // (string | mandatory) the heading of the notification 
      title: 'This is a regular notice!', 
      // (string | mandatory) the text inside the notification 
      text: 'This will fade out after a certain amount of time.', 
      // (string | optional) the image to display on the left 
      image: '/content/gritter/images/success.png', 
      // (bool | optional) if you want it to fade out on its own or just sit there 
      sticky: false, 
      // (int | optional) the time you want it to be alive for before fading out 
      time: '', 
      class_name: 'gritter-info' 
     }); 
    } 

    //Call it when the page loads 
    $(document).ready(function() { 
     myFunc(); 
    }); 

    //Call it on the click event 
    $('#add-regular').click(function() { 
     myFunc(); 
     return false; 
    }); 
</script>