小编Dig*_*lMC的帖子

我正在使用Bootstrap 3,我想创建一个单选按钮组,根据所选的单选按钮显示/隐藏内容.我希望尽可能使用所有HTML和数据属性.

以下是我的代码:

 <div id="parent"> 

     <input type="radio" name="group1" value="1" data-parent="#parent" data-toggle="collapse" data-target="#div1" />
     <input type="radio" name="group1" value="2" data-parent="#parent" data-toggle="collapse" data-target="#div2" />

     <div class="panel-collapse collapse in" id="div1">Content</div>
     <div class="panel-collapse collapse in" id="div2">Content</div>

   </div>

这将显示/ hode目标DIV就好了,但我需要它来关闭#Parent DIV内的所有其他DIV.

我知道你可以用面板做到这一点,但我从来没有看到它用单选按钮完成,而且我非常接近.

有任何想法吗 ？

在我的 React.JS 应用程序中，我在功能组件内有一个函数，该函数在应用程序最初加载时呈现我需要的 JSX。问题是我不需要每次组件更新和return()调用方法时都重新运行它。此内容是通过 API 调用呈现的，并且不断重新运行的成本“昂贵”。

我如何限制其运行频率。

...

<Col lg="8">
    <div className="tab-content" id="newForm-wrapper">
        {/* !! STOP THIS FROM BEING CALLED EVERY RENDER !!! */}
        {renderSectionContent(formJSON)}
    </div>
</Col>

...

下面是被调用的函数：

const renderSectionContent = json => {
    if (json.hasOwnProperty("form") && json.form.hasOwnProperty("sections")) {
        return json.form.sections.map((section, i) => {
            return <FormSection key={i} json={section} />;
        });
    } else {
        return <FormSection json={{}}/>;
    }
};

因此，我有一个 AWS S3 存储桶，用于托管我构建的 React 应用程序的文件。我使用 CodePipeline 构建和编译 React 应用程序，并将文件存储在通过 CloudFront CDN 提供服务的 S3 存储桶上。

当我从 root 访问 url 时，一切似乎都工作正常https://website.com。当我单击该页面上的“登录”时，我会被引导至以下路线https://website.com/auth/login，效果非常棒。

问题 如果我尝试直接访问该页面，https://website.com/auth/login则会收到以下错误：

<Error>
  <Code>AccessDenied</Code>
  <Message>Access Denied</Message>
  <RequestId>66CE67E2E5DA0B7B</RequestId>
  <HostId>Spfhgnlygx05eugycEy5ew4e8oSn/ccNX21Iy/6qaAxI8glXljDjgKmUPvMzRd8+NktQsNietpg=</HostId>
</Error>

我将 cloudfront CDN 中的默认资源设置为，这/index.html就是根域工作的原因，但是如何获取所有指向的 URL，/index.html以便应用程序正确路由它？

所以我在我的电子邮件中使用@ font-face而Outlook 2007,2011和2013给我带来了麻烦.所以我将@ font-face CSS包装在条件<! - [if!mso]>标签中,这适用于outlook(桌面客户端)中的CSS特定样式,但这完全打破了outlook.com中的电子邮件.他们来自空白,因为没有内容!一个完全白色的虚无!

我尝试了各种形式的outlook条件标签,例如<! - [if!mso]>

以下是我目前的代码:

    <!--[if gte mso 9]>
       <style type="text/css">
          @import url(http://image.commonsensemedia-email.org/lib/fea013707564077e77/m/5/csm-fonts.css);
       </style>
    <![endif]-->

以下是石蕊测试,以便您可以看到结果:

https://litmus.com/pub/a49f7b4/screenshots

这些电子邮件在outlook.com中完全为空的原因是什么？

------更新日期:2014/2/18我的解决方案------

这似乎在所有平台上都能很好地工作.一旦我从评论标签中删除了所有HTML,一切都很顺利.

<!--[if !mso]><!-->
    <style type="text/css">
        @import url(http://image.commonsensemedia-email.org/lib/fea013707564077e77/m/5/csm-fonts.css);
    </style>
<!--<![endif]-->

我有2页.一个是主页面,一个是表单页面.当我单击主页面上的按钮时,我希望将表单弹出为新的选项卡/窗口,当用户完成后,可以单击新表单页面上的"关闭"按钮关闭窗口并返回主页面.

我用以下javascript打开一个新窗口:

// This javascript is on the MAIN page
window.open("http://www.baseurl.com/form", "UserForm");

我在poppup上有一个"关闭"按钮,我想用它关闭新窗口并返回我的Mian页面.像这样:

// This javascript is on the FORM page
$(document).on("click", "a#close_form", function(event){
    event.preventDefault();
    window.close;
}

close即使使用Javascript打开表单页面,该按钮也不起作用.

我究竟做错了什么？