jQuery UI对话框按钮不会隐藏

时间:2017-01-25 20:41:01

标签: javascript jquery jquery-ui

不知何故,此代码无法正常运行。 显示所有按钮,只有“生成”按钮隐藏在成功生成链接之后。在同一个网站上我有另一个对话框,实现方式相同,工作正常。

$("#guest-link-dialog").dialog({
  autoOpen: false,
  resizable: false,
  height: 300,
  width: 510,
  modal: true,
  draggable: false,
  closeOnEscape: false,
  open: function() {
    $("#closeButton").hide();
  },
  buttons: [{
    id: 'generateButton',
    text: 'Generieren',
    click: function() {

      $('#generatedlink').html('<img src="<?php echo Yii::app()->request->baseUrl; ?>/images/icons/32x32/loading.gif" alt="loading" style="padding-left:215px;padding-top:40px;" />');

      $.getJSON('<?php echo Yii::app()->request->baseUrl; ?>/index.php?r=ajax/guestlink&fileid=' + $(this).data('fileid') + '&count=' + $('#inputcount').val())
        .done(function(json) {
          if (json.status == "SUCESS") {
            $('#generatedlink').html('<a href="' + json.url + '" >' + json.url + '</a>');

            $('#generateButton').hide();
            $('#cancelButton').hide();
            $('#closeButton').show();
          } else if (json.status == "ERROR") {
            $("#message").css('color', 'red');
          }

          $("#message").text(json.message);
        })
        .fail(function(json) {
          $("#message").css('color', 'red');
          $("#message").text('Fehler');
        });
    }
  }, {
    id: 'closeButton',
    text: 'Schliessen',
    click: function() {
      $(this).dialog('close');
    }
  }, {
    id: 'cancelButton',
    text: 'Abbrechen',
    click: function() {
      $(this).dialog("close");
    }
  }],
  close: function() {
    $("#message").css('color', '');

    $('#generatedlink').html('');

    $('#generateButton').show();
    $('#cancelButton').show();
    $('#closeButton').hide();
  }
});

修改

<div id="guest-link-dialog" title="Gast Link erstellen">					 
	<form>
		<fieldset style="border:1;">
			<label for="count">Anzahl m&ouml;gliche Downloads</label>
			<input type="text" name="count" id="inputcount" class="text ui-widget-content ui-corner-all" size="1" value="1" maxlength="1" />
		</fieldset>
	</form>
	<div id="generatedlink" style="width:100%"></div>
</div>

1 个答案:

答案 0 :(得分:0)

问题是,Button ID已被其他Dialog使用。 给他们其他ID可以解决问题。