Question

我有一个隐藏的div，当我点击页面中的其他位置时，它会在按钮上显示并隐藏。

现在问题在于：在我的div里面，每当我点击next / prev或选择日期时，我都会有datepickers，div会向上滑动。我该如何防止这种情况？

代码在这里：

$(document).click(function(evt) {
    if(evt.target.id!='btn' )
         if($('#div').is(':visible')) {
              $('#div').slideUp();
          }
 });

$("#div").click(function(e) {
                e.stopPropagation(); 
                return false;     
            });

 $('#btn').click(function () {
                if($('#div').is(':visible')) {
                    $('#div').slideUp();
                }
                else{
                   //initialize controls
                    $('#div').slideDown();
                }

            });

更新： jsfiddle已添加。

Answer 1

在您document.ready if中，if(evt.target.id!='btn' ){ if($('#div').is(':visible')) { $('#div').slideDown(); } }阻止我将其修改为

public class User 
{
    // Primary key
    public int Id {get;set;}
    // Some attributes
    public string FirstName {get; set;} 
    public string LastName {get; set;}
    // Navigation methods
    [InverseProperty("Author")]
    public virtual ICollection<Post> PostsCreaded {get;set;}
    ... other stuff ...
}
public class Post 
{
    // Primary key
    public int Id {get;set;}
    // Attributes
    public string Text {get;set;}
    //Foreign Keys
    public int AuthorId {get;set;}
    ... other keys
    // Navigation methods
    [ForeignKey("AuthorId")]
    public virtual User Author{get;set;}
    ... other navigations
}

同时尽量避免将id用作'btn'，因为如果你在设计中使用更多的css，这个id或类会产生混淆

单击datepicker时jQuery hide元素

1 个答案: