javascript - 为什么在以下场景中没有设置 href 属性？

Question

我正在使用 jQuery Colorbox 库。我无法设置 anchor 标记的 href 属性值。你能帮我设置这个值吗？如果我打印警报中的值，它将打印正确的 href 属性值。我的代码如下:

<a class="edit_user_transaction_status c-btn" updatehref="{$control_url}{$query_path}?op=edit_user_transaction&page={$page}&txn_no={$user_transaction_details.transaction_no}&transaction_data_assign={$user_transaction_details.transaction_data_assign}&user_id={$user_id}{if $user_name!=''}&user_name={$user_name}{/if}{if $user_email_id!=''}&user_email_id={$user_email_id}{/if}{if $user_group!=''}&user_group={$user_group}&{/if}{if $user_sub_group!=''}&user_sub_group={$user_sub_group}{/if}{if $from_date!=''}&from_date={$from_date}{/if}{if $to_date!=''}&to_date={$to_date}{/if}{if $transaction_status!=''}&transaction_status={$transaction_status}{/if}{if $transaction_no!=''}&transaction_no={$transaction_no}{/if}" href="#updatePopContent">Update</a>

<div class="hidden">
  <div id="updatePopContent" class="c-popup">
    <h2 class="c-popup-header">Transaction</h2>
    <div class="c-content">         
      <h3>Are you sure to change status?</h3>
      <a href="#"class="c-btn">No</a><a href="" class="c-btn edit_transaction_status" id="update_url">Yes</a> 
    </div>
  </div>
</div>

<script language="javascript" type="text/javascript">
$(document).ready(function(){   

 $(".edit_user_transaction_status").click(function(e) { 
  //$.colorbox.close(); 
    var update_url = $(this).attr('updatehref');
    $('#update_url').attr('href', update_url);
    $(".edit_user_transaction_status").colorbox({inline:true, width:666});   

    $(".c-btn").bind('click', function(){
      $.colorbox.close();
    });
  });

  });
  </script>

我无法将 href 属性(即 update_url)的值设置为 ID 为 update_url 的 anchor 标记。你能帮我吗？提前致谢。

Answer 1

尝试设置一个数据属性而不是一个虚构的属性(应该可以，但更好地使用数据。另外，要知道当我发现动态更新某些内容时，firebug 等并不总是会改变。您可以随时控制台.log($('.edit_user_transaction_status').attr('href')) 检查最终值:

<a class="edit_user_transaction_status c-btn" data-updateHref="{$control_url}... href="#updatePopContent">Update</a>

$(".edit_user_transaction_status").click(function(e) { 
//$.colorbox.close(); 
var update_url = $(this).data('updateHref');
$('#update_url').attr('href', update_url);
$(".edit_user_transaction_status").colorbox({inline:true, width:666});   

$(".c-btn").bind('click', function(){
  $.colorbox.close();
});

});