Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/328.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 来自c的Jquery效果_Javascript_C#_Jquery_Html_Asp.net - Fatal编程技术网

Javascript 来自c的Jquery效果

Javascript 来自c的Jquery效果,javascript,c#,jquery,html,asp.net,Javascript,C#,Jquery,Html,Asp.net,我想知道是否有任何代码,dll允许开发人员从代码背后给服务器控制带来效果。我有一个空div和两个文本框来选择休假申请表中的日期。当用户在这些文本框中选择两个值,如2014年10月11日和2014年10月14日时,我想将html表格标记附加到该空div中,它将包含等于休假天数的tr数。我在AJAX UpdatePanel中实现了这一点,并在表单上展示了这一点。它工作得很好,但我想知道,如果我想在将表标记附加到div之后使用Jquery,比如FadeIn和FadeOut效果,那有可能吗 这是非常通用

我想知道是否有任何代码,dll允许开发人员从代码背后给服务器控制带来效果。我有一个空div和两个文本框来选择休假申请表中的日期。当用户在这些文本框中选择两个值,如2014年10月11日和2014年10月14日时,我想将html表格标记附加到该空div中,它将包含等于休假天数的tr数。我在AJAX UpdatePanel中实现了这一点,并在表单上展示了这一点。它工作得很好,但我想知道,如果我想在将表标记附加到div之后使用Jquery,比如FadeIn和FadeOut效果,那有可能吗

这是非常通用的,但您可以调整它以适应

html

javascript


如您所见,该按钮只添加了一行,仅此而已。通过检测表中的更改的事件处理程序应用动画。您可以通过修改表选择器将其重新调整到任何表中,如果您想在多个实例中使用它,可以使用一个类。

是的,这是完全可能的,但您最好只包含一个js文件来为您执行此操作。您不能在代码隐藏中执行此操作,因为在任何内容实际到达浏览器之前,服务器上会发生这种情况。但是,当响应返回到浏览器时,没有任何东西可以阻止您使用JS制作动画。@BenRobinson我应该同意您的意见,有其他选择吗?@BenRobinson服务器端代码可以将javscript插入到执行所需操作的页面中。这是一个艰苦而痛苦的坏习惯,但它能满足他的要求。我从痛苦的经历中说:pNo——不要那样做。太可怕了。编写客户端javascript,只需将其包含在页面中,并让它在修改表时处理触发的事件,这样做会更好。我只是说这是可能的,但对于这样的事情,您应该使用客户端脚本来完成。没问题-很高兴能提供帮助:
<button id="add-row">add a row</button>
<br />
<br />
<table id="my-table">
    <tr>
        <td>something 1</td>
        <td>something 2</td>
        <td>something 3</td>
    </tr>
</table>
$("#my-table").on("DOMSubtreeModified", function() {
    $(this).find("tr:last").hide().fadeIn(2000);
});

$("#add-row").on("click", function() {
    var $row = $("<tr><td>new 1</td><td>new 2</td><td>new 3</td></tr>");
    $("#my-table").append($row);
});