ASP.NET JavaScript函数调用代码隐藏

Question

问题已更新。

参考：http://www.startuppirates.org/blog/gritter/

下面是工作正常，当点击html链接“添加规则”时，它显示通知，所以相关的.js和.css正在工作。

HTML链接

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

JavaScript

<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)的通知，但它不起作用！

代码背后

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

JavaScript

<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

你最好的办法就是把你的功能放在它自己的函数里。然后，除了从单击事件调用此函数之外，还需要在页面中呈现一个脚本，以便在使用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>