Question

我在jqxButton内发起jqxWindow时遇到问题：

预期：点击添加按钮后，确认按钮标题将设置为＆＃34;添加＆＃34;否则当我点击修改按钮时。

问题：确认按钮标题在我第一次点击时设置为正确的按钮，但标题不会更改。

注意：如果我设置了窗口属性autoOpen: false，则会出现问题。

使用 jQWidgets V5.1.0 时出现此问题。当我使用 jQWidgets v4.3.0 时，不会发生此问题。

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>    
    <meta name="description" content="" />
    <title></title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtabs.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript">
        
        $(document).ready(function () {              
            $('#btnAdd').click(function () {
                $('#window').jqxWindow('open');                    
                $("#confirm").jqxButton({ value: "Add" });
            });

            $('#btnEdit').click(function () {
                $('#window').jqxWindow('open');                    
                $("#confirm").jqxButton({ value: "Edit" });
            });

            var jqxWidget = $('#jqxWidget');
            var offset = jqxWidget.offset();

            $('#window').jqxWindow({                
                autoOpen: false, 
                minWidth: 200, 
                height: 300, 
                width: 500,
                initContent: function () 
                {                   
                    $("#confirm").jqxButton();
                }
            });         

            
        });

    </script>
</head>
<body class='default'>
    <div id="jqxWidget">
        <div style="float: left;">
            <div>
                <input type="button" value="Add" id="btnAdd" />
                <input type="button" value="Edit" id="btnEdit" />
            </div>
            
        </div>
        <div id="mainDemoContainer">
            <div id="window">            
                <div  id="windowContent">
                    <input type="button" id="confirm" />
                </div>
            </div>
        </div>
    </div>
</body>
</html>

＆＃13;

Answer 1

这当然很晚了，但是标题的更改是否仅需要通过jqxButtons属性进行？测试完您的代码后，我开始关注以下内容：

$('#btnAdd').click(function () {
    $('#window').jqxWindow('open');
    $("#confirm").attr('value', "Add");              // Works !
    //$("#confirm").jqxButton('val', "New Value");   // Does not work the first time only
    //$('#confirm').jqxButton({ value: "Button" });  // uncaught exception: Invalid property: value
});

$('#btnEdit').click(function () {
    $('#window').jqxWindow('open');
    $("#confirm").attr('value', 'Edit');
});

此答案可以帮助其他遇到此问题的人。

jqwidgets：在窗口内启动按钮

1 个答案: