Question

为什么转换为函数时相同的操作会停止工作？有什么一般规则吗？这是一个非常具体而明确的例子。

jQuery Mobile，http://jsbin.com/osovoh/2/edit

在这个版本中，js效果很好。单选按钮的标签立即更改。

var radio_elem = $('#edit-new-amount-no-cost');
$("label[for='edit-new-amount-no-cost']").html(radio_elem).append("label changed");

但如果删除/ * s并将相同的操作转换为由其他按钮触发的功能，

function go() {
    var radio_elem = $('#edit-new-amount-no-cost');
    $("label[for='edit-new-amount-no-cost']").html(radio_elem).append("label changed");
}

相同的代码混淆了目的地的格式。怎么了？

Answer 1

如果它在函数内部，则jQuery Mobile渲染页面后会发生标记更改。您必须使jQuery Mobile重新渲染您正在修改的页面或元素。

Answer 2

这是答案：

 <!DOCTYPE html>
<html>
<head>
  <meta name="description" content="WORKING: replace text in radiobutton" />
<meta charset=utf-8 />
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>

<body style="text-align:center">
<div class="form-radios">
  <div class="form-item" id="edit-new-amount-no-cost-wrapper">
    <label class="option" for="edit-new-amount-no-cost" >
    <input type="radio" id="edit-new-amount-no-cost" name="new_amount" value="no_cost" class="form-radio"/>
    original label
    </label>
  </div>
    </div>
<input name="click to change the label" type="button" onClick="go()">
<script> 

function go(){



$("label[for='edit-new-amount-no-cost'] .ui-btn-text").html("label changed");


}

 </script>



  </body>

</html>

动作不能变成一个功能

2 个答案: