【问题标题】:how to addClass using $(function() { $('如何使用 $(function() { $('
【发布时间】:2012-05-07 22:08:20
【问题描述】:

这是我到目前为止所做的:

//delcare html:

<div class="success" id="divStatus" style="display:none;" ><a href="#" class="close">&times;</a></div>

asp.net 后面代码:

 ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "_key"+this.UniqueID, "$(function() { $('#divStatus').html('" + msg + "').show().fadeIn(9000).fadeOut(9000); });", true);

//css类:

.success
    {  
        display:block;  
        color: #4F8A10;
        background-color: #DFF2BF;
    }

我想到的唯一合乎逻辑的解释是,$function ....中的>>#divStatus中没有css类(.success)被定义?

更新结束

我正在尝试向下面的选择器添加一个类,但不确定这是否是正确的做法,有什么帮助吗?

这是我尝试做的,但我没有看到添加了类并且没有操作(希望看到一些颜色)

"$(function() { $('#divStatus').addClass('success').html(.........

这是我在 asp.net 中在代码隐藏中执行的完整代码。

ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "_key"+this.UniqueID, "$(function() { $('#divStatus').html('" + msg + "').show().fadeIn(9000).fadeOut(9000); });", true);

【问题讨论】:

  • .show().fadeIn(9000).fadeOut(9000) 这不会像你想象的那样工作(即:链接调用不会使fadeOut 等待fadeIn 完成)。
  • 如果你在jsfiddle或jsbin中添加一些详细的代码会更好......
  • 我已经更新了我的问题,我正在从 asp.net 代码隐藏中执行此操作,我知道它可以在纯 html 页面中使用。

标签: jquery asp.net css


【解决方案1】:

这可能就是你要找的东西

HTML

<div id="divStatus"></div>

CSS

#divStatus{
    display: none;
}

.success{
    color: red;
}

JavaScript

$(function() {
    $('#divStatus')
        .html('hello')
        .show('fade', 2000, function(){
            $(this).addClass('success');
        })
        .hide('fade', 2000);
});

替代方案可能是

$(function() {
    $('#divStatus')
        .html('hello')
        .show('highlight', 2000, function(){
            $(this).addClass('success');
        });
});

【讨论】:

  • 我已经更新了我的问题,我正在从 asp.net 代码隐藏中执行此操作,我知道它可以在纯 html 页面中使用。
【解决方案2】:

您可能需要提供更多信息。 addClass 基本上就像你一样工作。这是一个在单击按钮时显示您想要的更改的小提琴:

http://jsfiddle.net/lucuma/6mSXP/

例如:$('#status').html('it worked').addClass('success');

【讨论】:

  • 我已经更新了我的问题,我正在从 asp.net 代码隐藏中执行此操作,我知道它可以在纯 html 页面中使用。
  • 是否在回发中调用了 registerclientscriptblock?
  • 当用户点击按钮时,我有这个ScriptManager.RegisterClientScriptBlock... 代码,我显示该div
  • 回答你的问题,是的,它被称为
  • 我认为你应该创建一个普通的旧javascript函数:function showConfirm(msg),然后在你的帖子中调用它。这样你就可以在那里放一个警报,看看它是否真的被调用了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-08-20
  • 2020-02-07
  • 1970-01-01
  • 1970-01-01
  • 2022-11-16
  • 2021-12-04
  • 2021-10-27
相关资源
最近更新 更多