小编Rut*_*ung的帖子

替代水平规则标签`<hr>`在html5中工作

我目前正在制作一些日历的html(在html5中),我正在尝试添加彩色水平线.我一直在使用水平规则标签,<hr>但我很难让大多数属性工作.

这就是我要的:

<hr color="purple" align="left" width="120%" size="6">
Run Code Online (Sandbox Code Playgroud)

我读到有些属性在html5中不起作用......唯一有效的是宽度标记.其他人都没有做任何事情!

我怎样才能让它发挥作用?有没有更好的方法来解决这个问题?

html css html5 attributes

6
推荐指数
2
解决办法
1万
查看次数

是(:visible)返回true,即使overlay是隐藏的jQuery

我有一个脚本,我需要运行只有一个叠加是不可见的.

所以我使用了以下脚本:

示例如下,按钮显示/隐藏叠加.控制台日志结果

function overlay() {
  if( $('div#overlay').is(':visible') ){
   	    console.log("visible");
	}
	else {
	    console.log("not visible");
    }
};
Run Code Online (Sandbox Code Playgroud)
#overlay {
     visibility: hidden;
     position: fixed;
     left: 0px;
     top: 0px;
     width:40%;
     height: 40%;
     text-align:center;
     z-index: 1000;
     display: inline-block;
     background-color: orange;
     /*Flexbox*/
     display: flex;
     align-items: center;
     align-content: center;
     justify-content: center;
}

form.overlay-form {
     width:780px;
}
table.overlay-table {
	position: relative;
	text-align: center;
}
table.overlay-table tr td {
	background: rgb(54, 25, 25); 
	background: rgba(54, 25, 25, 0); 
	border-style: none;
	margin-right: 40%;
	margin-bottom: 30%;
	position: relative;
	text-align: …
Run Code Online (Sandbox Code Playgroud)

5
推荐指数
1
解决办法
1910
查看次数

页面内容显示在侧边栏下方

我正在创建一个带有侧边栏的 html 布局。但我的标题和内容出现在侧边栏下方,而不是旁边。

.container { position:relative; padding:10px; top:0px; right: 0; left: 0; height: 1200px;}
#sidebar {
    position:relative;
    top:0; bottom:0; left:0;
    width:200px;
    height: 1000px;
    background: gray;
}

#header { border:1px solid #000; height:300px; 
    padding:10px; margin-left: 200px;
}
#content { border:1px solid #000; height:700px; margin-left: 200px;;
    padding:10px; 
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div id="sidebar">
      <a href="#"> Link1 </a>
  </div>
  <div id="header">
    <h2 class="title">Title</h2>
    <h3>Header content</h3>
  </div>
  <div id="content">
    <center>
      <p>Hello</p>
    </center>
  </div>
</div>

		
Run Code Online (Sandbox Code Playgroud)

谢谢

html css sidebar

5
推荐指数
1
解决办法
1万
查看次数

使用 Django 循环模板标签对行进行编号

我正在尝试使用 Django 循环来使我的 css 类包含当前表行号。我正在尝试以下操作:

{{ formset.management_form }}
        {% for form in formset %}
            <tr class="{% cycle 'row1' 'row2' 'row3' %} formset_row">
                {% for field in form.visible_fields %}
                       <td>
                           {# Include the hidden fields in the form #}
                           {% if forloop.first %}
                               {% for hidden in form.hidden_fields %}
                                   {{ hidden }}
                               {% endfor %}
                           {% endif %}
                           {{ field.errors.as_ul }}
                           {{ field }}
                       </td>
                   {% endfor %}
            </tr>
        {% endfor %}
Run Code Online (Sandbox Code Playgroud)

使用 jquery.formset.js https://gist.github.com/vandorjw/f884f0d51db3e7caaecd动态添加我的行

由于某种原因,这给了我

<tr class="row1 formset_row">...</tr>
<tr …
Run Code Online (Sandbox Code Playgroud)

html django loops django-templates

4
推荐指数
1
解决办法
2408
查看次数

jQuery replaceWith显示文本而不是元素

我有以下jQuery用select字段替换输入字段.

input = $("input[id$='id_var']")[0];
input_class = input.getAttribute("class");
input_id = input.getAttribute("id");
input_name = input.getAttribute("name");
//remove input and replace with a select drop down
input.replaceWith("<select class='"+input_class+"' id='"+input_id+"' name='"+input_name+"'></select>");
Run Code Online (Sandbox Code Playgroud)

当我加载页面时运行.但是不是用select html替换元素,而是用html替换它作为文本:

"<select class='input_class_text' id='input_id_var' name='input_name_text'></select>"
Run Code Online (Sandbox Code Playgroud)

所以在页面而不是你刚看到的选择

<select class='input_class_text' id='input_id_var' name='input_name_text'></select>
Run Code Online (Sandbox Code Playgroud)

上述行为的片段:

input = $("input[id$='id_var']")[0];
input_class = input.getAttribute("class");
input_id = input.getAttribute("id");
input_name = input.getAttribute("name");
//remove input and replace with a select drop down
input.replaceWith("<select class='"+input_class+"' id='"+input_id+"' name='"+input_name+"'></select>");
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="id_var" type="text" />
Run Code Online (Sandbox Code Playgroud)

有人能告诉我为什么会这样吗?

谢谢

html jquery

1
推荐指数
1
解决办法
373
查看次数

在init方法中设置Django ModelForm中所有字段的属性

我有一个Django ModelForm,可以在form __init__()方法中设置某些表单属性。

class MyForm(forms.ModelForm):

    class Meta:
        model = MyModel
        exclude = ['datecreated', 'datemodified']

    def __init__(self, *args, **kwargs):
        super(MyForm, self).__init__(*args, **kwargs)
        self.fields['field1'].widget.attrs['class'] = 'class1'
        self.fields['field2'].widget.attrs['class'] = 'class1'
        self.fields['field3'].widget.attrs['class'] = 'class1'
        # override Google Chrome field error issues making form unfocusable
        self.fields['field1'].required = False
        self.fields['field2'].required = False
        self.fields['field3'].required = False
Run Code Online (Sandbox Code Playgroud)

是否可以设置表格中包含所有字段的属性,而无需为每个字段分别编写self.fields?

python forms django attributes init

0
推荐指数
1
解决办法
1280
查看次数

django模板标签检查对象布尔字段的语法

使用Django模板标签,我试图检查我传递给模板的对象布尔字段(使用python)是否为True.

如果我在页面上打印对象,我会看到值True/False:

<p>{{ obj.bool }}</p>
Run Code Online (Sandbox Code Playgroud)

我试过了:

{% if {{ obj.bool }} == True %}
    HELLO
{% endif %}
Run Code Online (Sandbox Code Playgroud)

这会引发语法错误

无法解析余数:'{{'from'{{'

和:

{% if '{{ obj.bool }}' == 'True' %}
    <p>HELLO</p>
{% endif %}
Run Code Online (Sandbox Code Playgroud)

没有给我什么......?

django templates templatetags

0
推荐指数
1
解决办法
277
查看次数