【问题标题】:Jquery UI Dialog - textarea does not display textJquery UI Dialog - textarea 不显示文本
【发布时间】:2013-12-30 19:05:26
【问题描述】:

我遇到了与this 非常相似的问题。

但是,这个问题没有答案,两个月内也没有任何活动。因此,在没有任何运气的情况下进行了很多谷歌搜索后,我在这里发帖看看是否有人有任何想法。

基本上,放置在 textarea 标签之间的文本不会显示在 jquery ui 对话框中。即使 html 是硬编码的,也是如此。在 chrome 或 firebug 中检查后,正确的文本会显示在 HTML 中,但不会呈现。

注意:这是在 CodeIgniter 框架中完成的,因此 JS 正在调用控制器以从模型中获取数据并将其加载到视图中

HTML 如下所示:

<div id="popup-scroll"></div>  

JS 是这样的:

$popupScroll = $('#popup-scroll');

window.editNotes = function (adminId) {

$popupScroll.html('<div id="!user-series-notes" data-source="/sepanel/students/seriesNotes/' + adminId + '"></div>').dialog({
  title: 'Edit User Series Notes',
  width: 565,
  height: 450,
  buttons: {
    Save: function () { saveNotes(adminId); },
    Cancel: _S.ui.closeDialog
  }
});

refreshNotes();
$(document).on('change', '#passed-series', function () {
  _S.ui.toggle($('#final-score'), $('#passed-series').is(':checked'));
});

};

function refreshNotes() {

var oldText = $('textarea[name=notes]').val();

_S.refresh('user-series-notes', function () {
  $('textarea[name=notes]').val(oldText);
  $('#exam-date').datepicker();
  $('#series-score').spinner({ min: 0 });
});

}

还有这样的视图:

    <form id="notes-form">
      <input type="hidden" name="user_id" value="<?php echo $admin->user_id; ?>">
      <input type="hidden" name="series_id" value="<?php echo $admin->series_id; ?>">
      <label class="admin-label">Notes:</label><textarea id="notes" name="notes" rows="5" cols="50"><?php echo $admin->notes; ?></textarea>
    </form>

如果有人想查看控制器或模型,我也可以发布。

【问题讨论】:

  • 要得到这个答案,最好的办法就是在 JSFiddle 或 CodePen 上单独重现问题。重现问题的一般描述的非常简单的尝试(即,在 jQuery UI 对话框中放置一个文本区域)works fine,因此问题必须与代码中的其他内容有关。
  • @Nate 试图隔离它导致我遇到问题谢谢。
  • 事情往往就是这样!

标签: javascript jquery html jquery-ui codeigniter


【解决方案1】:

问题出在 refreshNotes() 函数中。删除 var oldText 及其作为值传递给 textarea 的行解决了这个问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-10-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-20
    • 1970-01-01
    相关资源
    最近更新 更多