小编Nom*_*man的帖子

当用户将鼠标悬停在幻灯片上而不是双击时,是否可以实现缩放功能？双击方法非常适合触摸,但对于桌面而言,它不是那么直观,加上它会对其他交互元素(例如链接等)造成严重破坏.

通过鼠标悬停进行缩放应该允许用户相对于鼠标到幻灯片中心的位置也围绕缩放的幻灯片图像进行导航.将鼠标移动到右上方会将幻灯片图像平移并缩放到右上角区域,同样将鼠标移动到缩放容器内的任何其他角落或区域.

如果有一个开关也可以在变焦上启用反转平移,这也很方便(例如,将光标移动到左上方会平移并缩放到图像的右下方).

我想在 Symfony Form Builder 的选择选项中显示所有字体很棒的图标。

我添加选择字段：

$choices = $this->getFontAwesome();
$form->add( $key, ChoiceType::class, array('label' => 'Texte', 'choices' => $choices, 'attr' => array('class' => "fa" ) ) );

我的函数 getFontAwesome();

    public function getFontAwesome(){

    $webroot = $this->get('kernel')->getRootDir() . '/../web';
    $pattern = '/\.(fa-(?:\w+(?:-)?)+):before\s+{\s*content:\s*"\\\\(.+)";\s+}/';
    $subject =  file_get_contents( $webroot . '/assets/vendor/font-awesome/css/font-awesome.css');
    preg_match_all($pattern, $subject, $matches, PREG_SET_ORDER);
    foreach($matches as $match) {
        $icons[$match[1]] = '&#x' . $match[2] . ';' ;
    }

    return $icons ;

}

但在选择字段中，看不到该图标：

字段显示代码而不是图标

我该怎么办？我尝试 htmlspecialschars 和其他（ htmlentities，.. ）但不起作用。

我什么时候会更新我的学期，默认情况下会选中一个复选框，这怎么可能？

<select name="semester">
  <option value="">Select Semester</option>
  <option value="1">Semester 1</option>
  <option value="2">Semester 2</option>
  <option value="3">Semester 3</option>
</select>

我已经阅读了其他一些主题，但我找不到有效的解决方案。但不知何故，网址显示为 http:="" mysite.com="" wp-content="" uploads="" 2015="" 08="" matchups-1.png"）

这是我正在使用的代码。如何防止它添加额外的""和空格？

<div style="background-image: url("<?php echo $bgimage; ?>"); background-position:cover;"></div>

我试过这样编码，但这不起作用：

<div style="background-image: url(\'<?php echo $bgimage; ?>\'); background-position:cover;"></div>

正如一些答案所建议的那样，但我仍然要么做错了什么，要么不起作用。谁能告诉我一个解决方案？谢谢。

JSON 后端人员为我提供了它的多个父子项，因此我必须放置动态循环来显示父子项。

JSON

"data": [
  {
    "id": 25,
    "slug": "mobiles",
    "parent_id": null,
    "name": "Mobiles"
  },
  {
    "id": 26,
    "slug": "mobile-phones-accessories",
    "parent_id": 25,
    "name": "Mobile Phones accessories"
  },
  {
    "id": 27,
    "slug": "computer-laptop",
    "parent_id": null,
    "name": "Computer & Laptop"
  },
  {
    "id": 28,
    "slug": "laptops",
    "parent_id": 27,
    "name": "Laptops"
  },
  {
    "id": 29,
    "slug": "mobile-phones",
    "parent_id": 26,
    "name": "Mobiles Phone"
  }
]

我的功能（请忽略这一点。这只是一次尝试，但我有 1 个孩子家长）

renderCategoriesHtml() {
  const { categories } = this.props;

  if (!categories) return false;

  const nullCat = []; …