小编Bar*_*vet的帖子

我们希望能够使用Font Awesome(http://fortawesome.github.com/Font-Awesome/)图标作为CMS中无序列表的项目符号.

CMS上的文本编辑器仅输出原始HTML,因此无法添加其他元素/类.

这意味着当标记显示如下时显示图标:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

如果Font Awesome需要一个不同的font-family属性,那么我可以看到第一个问题,这需要一个单独的元素.

这可能使用纯CSS吗？或者我是否必须使用类似jQuery的东西将元素追加到每个列表项的开头？

我意识到我们可以使用背景图像的后退,但如果可能的话,使用Font Awesome会很棒.

我们最近开发了一个网站,它非常依赖Font Awesome作为其设计的一部分.我们正在使用之前的标准实现:内容及其提供的CSS.

出于某种原因,Font Awesome未在IE8中显示.我花了几个小时进行故障排除并尝试各种修复,没有运气.

我有:

• 将EOT的mimetype设置为application/vnd.ms-fontobject
• 将OTF,TTF的mimetype设置为application/octet-stream
• 加载完所有CSS后执行HTML5Shiv.
• 各种尝试在页面加载时重新加载CSS或DOM

这是网站:http://www.tetakere.org.nz-热门链接框是Font Awesome的一个很好的例子

有没有人对其他方法有任何想法让这个网站显示Font Awesome？

我在我们的网站上使用单独的print css.我们要求我们在打印页面的顶部放置我们的徽标.这是我用于print.css的代码:

body:before {
content: url(../images/logo.gif);
}

这适用于Firefox,Chrome,Safari和Opera ...当然,你知道接下来会发生什么.

它在以前作为伪类显然支持的Internet Explorer 8中不起作用:http://www.quirksmode.org/css/beforeafter_content.html

在打印预览中,有一个与徽标大小相同的空白区域,但我们的徽标不会打印.如果我将代码更改为:

content: "Test Text" url(../images/logo.gif);

"测试文本"显示,但仍然没有徽标.

有没有人有任何想法？我无法调试"打印预览"并且简单地更改CSS链接上的媒体类型在浏览器屏幕中呈现完全不同的内容变得非常困难.

干杯多摩

我们有一份工作要开发一个动态幻灯片(具有不断变化的信息),将在大屏幕三星电视上显示.

三星电视运行使用"Maple"浏览器的"智能电视".以下是我发现的最佳信息:http://webinos.org/deliverable-d026-target-platform-requirements-and-ipr/2-6-samsung-tv-tno/

我们主要在HTML5/CSS3中开发,但看起来Maple浏览器不支持这些:http://www.scribd.com/doc/51800086/139/Maple-browser

我希望能够在将它们提供给客户之前正确地测试我们的工作.有没有人有任何关于如何在不购买大屏幕电视的情况下做到这一点的建议？

我在ModelAdmin中有一个Dataobject,其中包含以下字段:

class NavGroup extends DataObject {

    private static $db = array(
        'GroupType' => 'Enum("Standard,NotStandard","Standard")',
        'NumberOfBlocks' => 'Int'
    );

    public function getCMSFields() {
        $groupTypeOptions = singleton('NavGroup')->dbObject('GroupType')->enumValues();
        $fields = parent::getCMSFields();
        $fields->addFieldToTab('Root.Main', new Dropdownfield('GroupType', 'Group Type', $groupTypeOptions));
        $fields->addFieldToTab('Root.Main', new Numericfield('NumberOfBlocks', 'Number of Blocks'));
        return $fields;
    }
}

如果GroupType == "Standard"我希望NumberOfBlocks字段自动隐藏,那么它对用户隐藏.这应该动态发生.

SilverStripe中是否提供此功能,还是需要添加一些自定义JavaScript？

我有一个单页 VueJS 应用程序，其中包含许多我想编码到 URL 中的数据变量。

例如，如果我的路由配置是（我不确定语法是否正确）：

routes: [
    {
        path: '/:foo/:bar/:oof/:rab',
        component: App
    }

组件是：

<script>
export default {
  name: "App",
  data: function() {
    return {
      foo: 1,
      bar: 2,
      oof: 3,
      rab: 4
    }
  }
}

那么 URL 将是 http://www.example.com/#/1/2/3/4

如果foo更改为 9999，URL 将自动更新：http://www.example.com/#/9999/2/3/4

它还可以通过将 URL 值加载到数据中来响应用户更改 URL，或使用不同的 URL 打开应用程序。

我认为这会相对简单，但在谷歌之后，我对正确的处理方式感到非常困惑。

非常感谢任何帮助/示例/解决方案。

我们正在使用生成以下HTML的CMS:

<h3 class="heading">Heading 1</h3>
  <div>Content</div>
  <div>More content</div>
  <div>Even more content</div>
<h3 class="heading">Heading 2</h3>
  <div>Some content</div>
  <div>Some more content</div>
<h3 class="heading">Heading 3</h3>
  <div>Other content</div>

不幸的是我们不能轻易地改变这个结构,但是我们想要在手风琴风格的动态布局中添加以下div:

<div class="section">
  <h3 class="heading">Heading 1</h3>
    <div>Content</div>
    <div>More content</div>
    <div>Even more content</div>
</div>
<div class="section">
  <h3 class="heading">Heading 2</h3>
    <div>Some content</div>
    <div>Some more content</div>
</div>
<div class="section">
  <h3 class="heading">Heading 3</h3>
    <div>Other content</div>
</div>

我想知道如何使用jQuery加载页面后添加包装div.

代码必须遍历DOM,识别h3.heading,然后围绕标题和所有后续div创建一个包装父div.

或者有更简单的方法来实现这一目标吗？

我们的网站有一个名为"TrailNotice"的对象,它与页面类型"TrailSection"有很多关系.

class TrailNotice extends DataObject {

  private static $many_many = array(
    'TrailSections' => 'TrailSection'
  );

这允许通过CMS中的复选框在多个TrailSections中应用单个TrailNotice:

$fields->addFieldToTab('Root.Main', new CheckboxSetField('TrailSections', 'Applies to which trail sections?', DataObject::get('TrailSection')->map('ID', 'Title')));

如何在TrailSection页面控制器中显示附加到TrailSection的TrailNotices？

我从以下代码开始:

class TrailSection_Controller extends Page_Controller {

  public function TrailNotices(){
    $TrailNotices = DataObject::get('TrailNotice');
    return $TrailNotices;
  }

但这将获得所有TrailNotice对象.如何过滤它们以便只显示附加到TrailSection的TrailNotices？

在Silverstripe中,模板语法$AbsoluteLink返回页面/对象的完整URL,包括协议和主机:

http://www.example.com/event/ics

我希望能够使用不同的协议调用完整的URL:

webcal://www.example.com/event/ics

实现这一目标的最佳方法是什么？

我正在尝试解决如何使用 VueJS 中的 for 循环在两个级别对数据进行分组

例如，我有一个 VueJS 应用程序，其中包含以下数据：

cars: [{
  "make": "Ford",
  "model": "Mustang"
}, {
  "make": "Ford",
  "model": "Thunderbird"
}, {
  "make": "Ford",
  "model": "Fairlane"
}, {
  "make": "Chevrolet",
  "model": "Camaro"
}, {
  "make": "Chevrolet",
  "model": "Chevelle"
}, {
  "make": "Plymouth",
  "model": "Barracuda"
}]

使用 for 循环遍历汽车很简单：

<div v-for="car in cars">
  <div>Make: {{ car.make }}</div>
  <div>Model: {{ car.model }}</div>  
</div>

但是如果我想按品牌对模型进行分组怎么办？我追求的输出是：

Ford
  Mustang
  Thunderbird
  Fairlane
Chevrolet
  Camaro
  Chevelle
Plymouth
  Barracuda

在 VueJS 中执行此操作的最佳方法是什么？