Witam. Mam problem ponieważ napisałem skrypt który otwiera mi okno dialogmodal w którym mam formularz i drugi skrypt który wyświetla dymki czyli tooltipy po najechaniu. Skrypty działają tzn dialog działa zawsze a tooltip tylko jak pracuje na dom bo gdy chce aby tooltip działał w tym dialogu to nie działa.
$(document).ready(function(){
$('#RegDialogRegister').click(function() {
openDialog('#RegDialog');
});
$('#RegDialog')
.find('.cancel')
.live('click', function() {
closeDialog(this);
})
.find('.cancel')
.live('click', function() {
// Clicked disagree!
console.log('clicked disagree!');
});
});
function openDialog(selector) {
$(selector)
.clone()
.show()
.appendTo('#RegDialogOverlay')
.parent()
.fadeIn('fast');
}
function closeDialog( selector ) {
$(selector)
.parents('#RegDialogOverlay')
.fadeOut('fast', function() {
$(this)
.find('.dialog')
.remove();
});
}
i tooltip
$(document).ready(function(){
$('.RegDialogTitle').hover(function(e){
// Hover over code
var titleText = $(this).attr('title');
$(this)
.data('tipText', titleText)
.removeAttr('title');
$('<p class="tooltip"></p>')
.text(titleText)
.appendTo('#RegDialogOverlay')
.css('top', (e.pageY - 10) + 'px')
.css('left', (e.pageX + 20) + 'px')
.fadeIn('slow');
}, function() {
// Hover out code
$(this).attr('title', $(this).data('tipText'));
$('.tooltip').remove();
}).mousemove(function(e){
// Mouse move code
$('.tooltip')
.css('top', (e.pageY - 10) + 'px')
.css('left', (e.pageX + 20) + 'px');
});
});
Ten post edytował nikestylex7 15.02.2014, 23:42:34