小编Ros*_*ost的帖子

我创建了带有表单的模态对话框(带有一些文本输入).我只是无法在文本框中输入文本.对话框阻止键盘输入.

这是我的简化示例:

<div id="modal-dialog">
    <label for="my-text">TRY to input text...</label>
    <textarea id="my-text" style="position:relative; z-index:1"></textarea>
</div>
<script type="text/javascript">
    var dialog = $('#modal-dialog').dialog({ modal: true });
</script>

注意:您可能会问 - 为什么我提到了"position:relative; z-index:1"？因为它没有它工作正常.但由于设计,我无法删除它.

注意:非模态对话框也可以正常工作.

我正在使用jQuery 1.6.2 + jQuery UI 1.8.14

我正在使用 django-compressor + LESS。

我@import在 .less 文件中的相对url(../image.png)和包含.less文件中的相对有问题。

我会解释。我有下一个文件夹结构：

common/  # Django app with some common stuff, e.g. common button styles
   static/
     common/
       less/buttons.less
       img/icon.png
blog/
  static/
    blog/
      less/blog_buttons.less

在里面buttons.less我有按钮的 mixin：

.button() {
    color: white;
    padding: 4px 10px;
    background: gray url(../img/icon.png) no-repeat 0 0;
}

在里面blog_buttons.less我使用这个mixin：

@import "../../../../common/static/common/less/buttons";

.blog_button {
    .button;
    background-color: orange;
}

这是问题所在：

当 django-compress 预编译我的blog_buttons.less- 按钮背景指向/static/blog/img/icon.png（404 Not Found）。但它应该指向/static/common/img/icon.png

难道我做错了什么？（我觉得应该是一种很常见的情况）