Olá pessoal, tudo bom?
Eu tenho o seguinte código:
[code]<div style=“margin-bottom: 10px;”>#999 ; padding-left: 5px;
<script type=“text/javascript”>#arquivosSelecionado ’).append(’<div class=“displayInlineBlock”>’ +#arquivo ’).val() + ‘<span style=“float: right; display: none; width: 10px;” class=“ui-icon ui-icon-closethick”></span></div>’);
Então, quando eu adiciono vários itens pelo botão de adicionar, o alert só funciona na div do ‘ola’…
Alguém sabe o que pode ser?
Jonhkr
Setembro 23, 2011, 6:47pm
#2
tente assim
[code]
var adicionar = function() {
$('#arquivosSelecionado').append('<div class="displayInlineBlock">' +
$('#arquivo').val() + '<span style="float: right; display: none; width: 10px;" class="ui-icon ui-icon-closethick"></span></div>');
};
$('.displayInlineBlock').mouseover(function(){alert();});
}); [/code]
Mas ai eu conseguiria chamar o adicionar a qualque hora? como?
Jonhkr
Setembro 23, 2011, 9:45pm
#4
The .ready() method is typically used with an anonymous function:
$(document).ready(function() {
// Handler for .ready() called.
});Which is equivalent to calling:
$(function() {
// Handler for .ready() called.
});
Desculpe, não fui muito claro.
Eu preciso chamar a função adicionar:
<button type="button" onclick="adicionar();">
<fmt:message key="rotuloBtAdicionar" />
</button>
Agora ela esta em uma variável, como faço para executá-la?
Jonhkr
Setembro 23, 2011, 10:01pm
#6
[quote=Rafael Guerreiro]Desculpe, não fui muito claro.
Eu preciso chamar a função adicionar:
<button type="button" onclick="adicionar();">
<fmt:message key="rotuloBtAdicionar" />
</button>
Agora ela esta em uma variável, como faço para executá-la?[/quote]
ok neste caso deixe como estava antes
funcao adicionar(){
}
mas os dois modos funcionam
outra coisa,
remover o atributo onclick do botao, e o js fica assim
[code]$(function(){
var adicionar = function() {
$('#arquivosSelecionado').append('<div class="displayInlineBlock">' +
$('#arquivo').val() + '<span style="float: right; display: none; width: 10px;" class="ui-icon ui-icon-closethick"></span></div>');
};
$('.displayInlineBlock').mouseover(function(){alert();});
$("button").click(function(){
adicionar();
});
}); [/code]
Meu código está assim agora:
<script type="text/javascript">
$(function(){
var adicionar = function () {
$('#arquivosSelecionado').append('<div class="displayInlineBlock">' +
$('#arquivo').val() + '<span style="float: right; display: none; width: 16px;" class="ui-icon ui-icon-closethick"></span></div>');
};
$(document).ready( function() {
$('.displayInlineBlock').mouseover(function(){
$(this).find('.ui-icon-closethick').show();
});
$('.displayInlineBlock').mouseout(function(){
$(this).find('.ui-icon-closethick').hide();
});
$('.adicionar').click(function(){
adicionar();
});
});
});
</script>
Só que ele não faz o mouseover e o mouseout das divs que forem incluídas pelo método adicionar();
Jonhkr
Setembro 23, 2011, 10:33pm
#8
[quote=Rafael Guerreiro]Meu código está assim agora:
<script type="text/javascript">
$(function(){
var adicionar = function () {
$('#arquivosSelecionado').append('<div class="displayInlineBlock">' +
$('#arquivo').val() + '<span style="float: right; display: none; width: 16px;" class="ui-icon ui-icon-closethick"></span></div>');
};
$(document).ready( function() {
$('.displayInlineBlock').mouseover(function(){
$(this).find('.ui-icon-closethick').show();
});
$('.displayInlineBlock').mouseout(function(){
$(this).find('.ui-icon-closethick').hide();
});
$('.adicionar').click(function(){
adicionar();
});
});
});
</script>
Só que ele não faz o mouseover e o mouseout das divs que forem incluídas pelo método adicionar();
ok,
isso aqui
$(function(){
});
'e igual a isso aki
$(document).ready....
quando da o append da div 'e preciso setar o handler do mouseover novamente para que o js encontre o elemento.
[code]
$(function(){
$("button").click(function(){
$("div#div").append(div);
$("div.over").mouseover(function(){
alert("yep");
});
})
});
<div id=“div” ></div>
</html>[/code]
Jonhkr, muito obrigado! Resolveu o meu problema, mas antes de finalizar o tópico, eu gostaria de saber mais uma coisinha:
Como eu consigo pegar o valor que está dentro das tags (no exemplo, o 12) com jQuery?
<div>12</div>-Edit-
Consegui usando o $(‘div’).text();
Jonhkr
Setembro 24, 2011, 9:46am
#10
[quote=Rafael Guerreiro]Jonhkr, muito obrigado! Resolveu o meu problema, mas antes de finalizar o tópico, eu gostaria de saber mais uma coisinha:
Como eu consigo pegar o valor que está dentro das tags (no exemplo, o 12) com jQuery?
<div>12</div>-Edit-
Consegui usando o $(‘div’).text();[/quote]
yes of course,
you can find more info here
http://jquery.com
[quote=Jonhkr][quote=Rafael Guerreiro]Jonhkr, muito obrigado! Resolveu o meu problema, mas antes de finalizar o tópico, eu gostaria de saber mais uma coisinha:
Como eu consigo pegar o valor que está dentro das tags (no exemplo, o 12) com jQuery?
<div>12</div>-Edit-
Consegui usando o $(‘div’).text();[/quote]
yes of course,
you can find more info here
http://jquery.com
Sim, sim, foi lá mesmo que eu aprendi a mexer um pouco com jQuery, mas eu demoro muito para achar o que estou procurando. Foi lá mesmo que eu encontrei o .text();
Muito obrigado pela disposição!
