Javascript JQuery函数keyup在我的项目上不起作用，其他函数也起作用

我不知道为什么这个代码不工作，如果我关键的任何字符的值输入显示

 <div>
   <input class="form-control live" name="name" placeholder="Item Name" 
            data-class="live-title" required/>
 </div>

 $('.live').keyup(function () {
    $($(this).data('class')).text($(this).val());
 });

 <div class="card cats">
   <span class='price-tag'>$<span class="live-price">0</span></span>
   <img class='' src='' alt=''/>
   <div class='card-body'>
       <h5 class='live-title'>title</h5>
       <p class='live-desc'>Description</p>
       <p class='live-country'>Country</p>
   </div>
 </div>     

$（'.live'）.keyup（函数（）{
$（$（this.data（'class'））.text（$（this.val（））；
});
$0
标题
描述
国家

$（this）。数据（'class'）

将是

实时标题

。因此，为了选择具有此类的dom，您需要使用点（

）在其前面加上类选择器

$（'.live'）.keyup（函数（）{
$（“+$（this.data（'class'））.text（$（this.val（））；
});

$0
标题
描述
国家
$（this）。数据（'class'）
将是
实时标题
。因此，为了选择具有此类的dom，您需要使用点（
）在其前面加上类选择器


$（'.live'）.keyup（函数（）{
$（“+$（this.data（'class'））.text（$（this.val（））；
});

$0
标题
描述
国家
< /代码>它不在脚本标签中，也不在代码> $$（$（this）。数据（“类”））/代码>将被评估为<代码> $（“LIVE-TITLE”）< /代码>这是一个无效的选择器。您还应该考虑使用“输入”事件，而不是键控键，因为KEYUP会在按钮（如箭头按钮）上触发，而这些按钮不会改变输入的值。代码>输入只有当值实际改变时才触发。它不在脚本标签中；也<代码> $$（$（this）。数据（“类”））将被评估为<代码> $（“LIVE-TITLE”）< /代码>，这是无效的选择器。您还应该考虑使用“输入”事件，而不是键控键，因为在箭头按钮等按钮上会触发KEYUP，这不会改变输入的值<代码>输入
仅在值实际更改时触发。