Question

（输入值填充'a''链接'但是在生成链接之后（在另一个div中），我不会在悬停时执行操作）我有这个：

<a href="#">This works</a><br><br>

<input class="input" type="text" style="width:400px;" value=" <a href='#'>This works...NOT</a> "/><br>
<div id="test"></div>

和这个jquery：

$('a').hover(function() {
    $(this).css('color', '#f00');
},function(){
    $(this).css('color', '#000');
});

$(".input").bind('keyup', function() {
    $('#test').html(this.value);
});

我尝试了绑定和生活，但是在输入中创建的链接并复制到div - 在悬停时不会改变颜色。请帮忙

Answer 1

添加此jquery：

$('a').live("mouseover mouseout", function(event) {
  if ( event.type == "mouseover" ) {
    $(this).css('color', '#f00');
  } else {
    $(this).css('color', '#000');
  }
});

Answer 2

我认为你正在寻找更接近这一点的东西：

$('a').live('mouseenter', function(){
    $(this).css('color','#f00');
}).live('mouseleave', function(){
    $(this).css('color','#000');
});

JS Fiddle demo

Answer 3

您不能在文本框的值中包含a。因此，它不是DOM中的真实链接。

Answer 4

您需要live上的a而不是输入。

$('a').live("hover mouseout",function() {
$(this).css('color', '#f00');
},function(){
$(this).css('color', '#000');
});

$(".input").keyup(function() {
$('#test').html(this.value);
});

This is the fiddle

此外，我很好奇为什么你要解决所有这些问题，而不仅仅是使用CSS。

This fiddle works as well

与

a:hover{
 color: red;
}

Answer 5

由于丹尼尔的说法，它不起作用，但你能做的就是：

将它放在div中：

$("div").bind('keyup', function() { $('#test').html($(this).html()); });

绑定和生活不工作

5 个答案: