javascript - 将 Jquery 变量传递给 HTML，以便可以在多个函数中获取它

Question

我正在努力让这项工作正常进行，但我可能完全偏离了轨道。我正在创建一个 jquery 移动 web 应用程序，并且尝试在不同的单击函数中使用创建弹出窗口时声明的变量。我想到的方法是:

点击此处运行函数LoadCancelReservationPopup并将一些 id 传递给 JQ

<a onclick= LoadCancelReservationPopup('" . $row ['sizecodeid'] ."','" . $row ['unitid'] ."') class='ui-btn ui-mini'>Cancel</a>

运行这个函数

function LoadCancelReservationPopup(sizecode,unit) {

var sizecode = (sizecode);
var unit = (unit);

$("#cancelReservationSizecode").html(sizecode);
$("#cancelReservationUnit").html(unit);

 $("#reservationCancelPopup").popup("open");
$("#reservationCancelPopup").trigger('create');

};

该函数打开此弹出窗口，并且传递的 id 现在显示在 div 中

<div data-role='popup' id='reservationCancelPopup' data-theme='a' style='min-width: 300px;'>
    <div data-role='main' class='ui-content'>
        <div data-role='header' data-theme='a'>
            <h1>Cancel Reservation</h1>
        </div>
        <p>Are you sure you want to cancel this reservation?</p>
        <div id='cancelReservationUnit' name='cancelReservationUnit' class="unit"></div>
        <div id='cancelReservationSizecode' name='cancelReservationSizecode' class="sizecode"></div>

        <a href='#' class='ui-btn ui-btn-c' data-transition='pop' id='loadCancelCustomerReservation' name='loadCancelCustomerReservation'>Yes Cancel Reservation</a>
        <a href='#' class='ui-btn ui-btn-c' data-rel='back' data-transition='pop' id='CloseCancelCustomerReservationPopup'>No Return to Customer Details</a>

    </div>
</div>

我遇到的问题是当 loadCancelCustomerReservation函数被调用时，我期望包含 jquery 变量的弹出窗口是空的，这些变量最终将通过 ajax 传递给 PHP，但我不知道如何在我的 2 个不同函数中使用这些变量。难道这样就不能传递jquery变量了吗？

$("#loadCancelCustomerReservation").click(function(){

  var sizecode = $('#cancelReservationSizecode').val();
  var unit = $('#cancelReservationUnit').val();

    window.alert(sizecode);
    window.alert(unit);
});

Answer 1

您正在调用 .val()在<div>上标记，当您使用 .html() 设置值时.

将代码更改为:

$("#loadCancelCustomerReservation").click(function(){

  var sizecode = $('#cancelReservationSizecode').html();
  var unit = $('#cancelReservationUnit').html();

    window.alert(sizecode);
    window.alert(unit);
});