如何从<div>元素触发jQuery fadeIn()fadeOut()

时间:2015-04-29 14:58:24

标签: javascript jquery css

我在页面上有一个隐藏元素:class MyDialog(QDialog): def __init__(self, parent=None): QDialog.__init__(self, parent) self.smallWidgets = list() self.resize(450,500) self.buttonPosition = 60 firstWidget = SmallWidget(self) firstWidget.setGeometry(QRect(5,5, 450, 80)) self.addWidgetButton = QPushButton(self) self.addWidgetButton.setText("Add new widget") self.addWidgetButton.setGeometry(QRect(165,self.buttonPosition,120,40)) self.connect(self.addWidgetButton, QtCore.SIGNAL("clicked()"), self.addNewWidget) def addNewWidget(self): newWidget = SmallWidget(self) newWidget.setGeometry(QRect(5,self.buttonPosition, 450, 80)) self.buttonPosition += 70 newWidget.setVisible(True) self.smallWidgets.append(newWidget) self.addWidgetButton.setGeometry(QRect(165,self.buttonPosition,120,40))

我在页面上有另一个要成为按钮触发器的元素:<div id="hidden"></div>

我想做这样的事情:

<div id="trigger"></div>

我是否必须对css中的$('#trigger').on('click', function(){ if($(this).val() == 'clicked') { $('#hidden').fadeIn(700); $('#trigger').fadeOut(250); } }); 元素执行某些操作?如何监听点击trigger的事件?

1 个答案:

答案 0 :(得分:0)

如果元素已经在DOM中,您可以

$(document).ready(function(){
    $('#trigger').click(function(){
        $('#hidden').fadeIn(700);
        $('#trigger').fadeOut(250);
    });
});

如果页面加载时元素不在DOM中:

$('#trigger').on('click', function(){
    $('#hidden').fadeIn(700);
    $('#trigger').fadeOut(250);  
});