小编Sha*_*cer的帖子

在研究了这个问题几个小时之后,我发现切换页面元素显示(以HTML格式)的最有效方法之一是执行以下操作:

// showing
document.getElementById('element').style.display = '';

// hiding
document.getElementById('element').style.display = 'none';

简单的问题:什么是style.display = ''真正做到？

它是否"重置"原始显示属性？

或者是否删除了display属性,从而使用默认样式进行显示？

..........................................

很高兴知道:有没有人知道任何类型的文档的链接？

(是的,我有谷歌这个问题,但我可能没有输入正确的搜索词,并且不断提出完全不相关的搜索结果.)

感谢您的任何建议或链接.

有没有人使用和定制一些基本的selected.js代码？

我已经下载了js,css和png,从示例中复制了一些代码,编写了我自己的超简单示例,但我必须遗漏一些东西.我已经验证了code.jquery.js被包含并加载,与selected.css相同.

当我尝试调出一个非常简单的SELECT字段(下拉列表)时,我得到一个非常小的字段,并且单击该字段什么都不做.当我禁用selected.js时,我只需显示所有选项的SELECT.

这是我如何在jQuery中添加一个简单的SELECT(我必须动态填充该字段,尽管在这个例子中它都是硬编码的):

    $html = '<select name="items" id="items" multiple="multiple" size="1" class="chosenElement">';
    $html += '<option value="foo">foo</option>';
    $html += '<option value="bar">bar</option>';
    $html += '<option value="baz">baz</option>';
    $html += '<option value="qux">qux</option>';    
    $html += '</select>';

然后,当我显示包含选项的模态对话框时,我调用:

$('.modal-body').html($html);
$('.chosenElement').chosen();

到目前为止,我已经修改并测试了各种排列,用Google搜索解决方案或示例,但似乎没有任何效果.这可能是非常愚蠢的事情,比如在某个地方缺少一个分号,但是我在这个"10分钟实施"上浪费了太多时间,我需要请求帮助.

https://github.com/harvesthq/chosen

在尝试了各种flexbox方法后，我需要寻求指导。我必须为桌面和移动设备制作复杂的布局。然而，即使是移动布局也需要改变，我想从这个开始。

这是第一个布局，我需要去实现，我想做到这一点的angular/ material/ flexbox，如果是这个任务的最佳方法。（引导程序对我来说不是一个选择。）

到目前为止，我已经把一些东西放在一起，但这是一个挑战，因为我不完全理解flexbox材料已经提供了哪些功能。对我来说，更大的挑战是让右侧的盒子向右包裹。现在，它位于其他项目下方。我尝试了一些浮动黑客，但这并没有奏效。

这是我目前拥有的 HTML 代码（angular 位于后端并相应地注入其样式）：

<div class="ps contain">
    <h1 class="mat-h1">Find a Provider</h1>
    <form>
        <mat-expansion-panel class="mat-expansion-panel">
            <mat-expansion-panel-header class="mat-expansion-panel-header">
                <mat-panel-title class="mat-panel-title">Show Advanced Search Options</mat-panel-title>
                <mat-panel-description class="mat-panel-description">This is a summary of the content</mat-panel-description>
            </mat-expansion-panel-header>

            <!-- Items -->
            <div class="psOptionsContainer">
                <div class="psOptions psInfoOptions">
                    <div><mat-checkbox id="anpPsChkbx" class="psChkbx">New Patients</mat-checkbox></div>
                    <div><mat-checkbox id="mhrPsChkbx" class="psChkbx">My Records</mat-checkbox></div>
                    <div><mat-checkbox id="ihcmgPsChkbx" class="psChkbx">Mountain Medical</mat-checkbox></div>
                    <div><mat-checkbox id="slPsChkbx" class="psChkbx">St. John</mat-checkbox></div>
            </div>

            <div class="psOptions psOptionsProviderType">
                <mat-form-field class="mat-form-field ps-mat-form-field">
                    <mat-select name="psProviderType" placeholder="Provider Type">                            
                        <mat-option value="doctor">Doctor</mat-option> …

所以，我用谷歌搜索并浏览了 stackoverflow 和各种其他论坛 \xe2\x80\x93 但我仍然感到困惑。我可以访问包含我必须使用的文件（模板）的 git 存储库。这些文件可能在任何给定时刻发生变化。因此，在开始新工作之前，我git pull会将最新文件放入本地存储库中。

有时，我很好奇，想知道发生了什么变化。所以我做了一个git pull来看看哪些文件发生了变化。

问题：默认返回的结果数量可能是有限制的，但我通常在命令行工具上得到一大堆结果，然后我看到一个冒号，就像这样:

之后，我必须按回车键，直到显示剩余文件的一个结果，然后返回到冒号:（注意：我刚刚按回车键 50 多次才能看到其余结果。）

我缺少什么？任何链接或建议将不胜感激。