我想实时预览用户在输入框中输入的内容。文本显示在一个 div 上。
我的代码:
var input = $('#titleText'),
preview = $('.title');
input.keyup(function (e){
preview.html(input.val());
preview.css('padding-top', '10px');
preview.css('padding-bottom', '10px');
preview.css('padding-right', '15px');
preview.css('padding-left', '15px');
preview.css('word-wrap', 'break-word');
});
问题是我在 href 中有那个 div,现在链接不起作用(悬停时它不会更改其背景颜色)。我该如何解决这个问题?
我的分区:
<ul class = "nav nav-list nav-stacked col-md-4 col-lg-4" id = "courseNav">
<li class = "title" class = "active"><a href="#">Title</a></li>
<hr style = "margin-top: -0.8px">
<li class = "topics" style = "margin-top: -12px"><a href="#">Topic</a></li>
<li class = "topics"><a href="#">Topic</a></li>
<li class = "topics"><a href="#">Topic</a></li>
</ul>
最佳答案
您好,我没有在您更改背景颜色的代码中看到?但是,这里:
<li class = "title" class = "active"><a href="#">Title</a></li>
你应该改成:
<li class = "title active"><a href="#">Title</a></li>
因为标签上不能有 2 个 class= - 您必须组合这些类。
还有...如果你改变:
preview = $('.title')
到:
preview = $('.title a')
链接仍然可以点击。
关于javascript - 文本的实时预览使链接在悬停时不会改变背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28866538/