小编Eva*_*nss的帖子

SVG 在没有高度属性的 Safari 上不可见,但问题无法重新创建?

我的网站中有一个 SVG,它在 Chrome 上显示正常,但在 Safari 和 Mobile Safari 上不可见。

奇怪的是,如果我将 SVG 复制并粘贴到 Codepen 页面中,那么它就可以正常工作,因此我无法公开重新创建该问题。

  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="22" aria-hidden="true" focusable="false" role="img"><path fill="currentColor" d="M4.686 427.314L104 328l-32.922-31.029C55.958 281.851 66.666 256 88.048 256h112C213.303 256 224 266.745 224 280v112c0 21.382-25.803 32.09-40.922 16.971L152 376l-99.314 99.314c-6.248 6.248-16.379 6.248-22.627 0L4.686 449.941c-6.248-6.248-6.248-16.379 0-22.627zM443.314 84.686L344 184l32.922 31.029c15.12 15.12 4.412 40.971-16.97 40.971h-112C234.697 256 224 245.255 224 232V120c0-21.382 25.803-32.09 40.922-16.971L296 136l99.314-99.314c6.248-6.248 16.379-6.248 22.627 0l25.373 25.373c6.248 6.248 6.248 16.379 0 22.627z"></path></svg>
Run Code Online (Sandbox Code Playgroud)

设置height 100%为属性可以修复 Safari 中的问题,并且不会使其尺寸或纵横比错误。

这里发生了什么?为什么这个方法有效并且是一个安全的修复方法?还有为什么这个问题无法重现?

更新:我现在能够重新创建。当 …

safari svg

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

当 Postgres 数据中的某些条件满足时,运行缓慢的后台进程?

我正在使用 Postgres(通过 Supabase)和 Node(通过 Vercel 上的 NextJS)。

我有一个表report,其中包含枚举列region,并且generated_text是由人工智能生成的内容。

create type region as enum (
  'America',
  'Europe',
  'Asia',
  'Africa'
);

create table report (
  id serial primary key,
  region region,
  generated_text: text
);
Run Code Online (Sandbox Code Playgroud)

用户选择他们的区域,然后购买报告。购买记录在连接表中report_user

create table report_user(
  id serial primary key,
  report uuid NOT NULL,
  user: uuid NOT NULL
)
Run Code Online (Sandbox Code Playgroud)

当用户进行购买时:

  • 如果该区域的表中存在report用户之前未购买过的行,则该行将返回给他们。
  • 如果该地区没有报告,或者用户已经购买了该地区的所有报告,那么我们需要创建一个新行。这需要向列发送 AI API 请求,generated_text该请求非常慢并且用户体验很差。

我想提高用户的速度,这只能通过report在需要之前创建行来完成。我可以批量创建一些,但我不知道哪些区域会更受欢迎(我简化了我的示例,我的实际应用程序有更多的过滤器,因此有很多潜在的组合)。

report 当用户购买了report特定过滤器的所有行时,有没有办法运行后台任务来创建新任务region

postgresql node.js next.js vercel supabase

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

Drupal - 禁用分类术语页面上的节点列表?

是否可以禁用分类术语页面上的节点的正常分类列表?

我需要这个的原因是我想使用视图覆盖分类页面但是默认视图覆盖会阻止面包屑模块​​正常工作.所以,我想创建一个术语视图,但作为一个块,并在PHP的某些页面上显示它.

谢谢

drupal drupal-theming drupal-taxonomy

4
推荐指数
2
解决办法
7306
查看次数

jQuery监听器在触摸屏上进行水平滑动?

如何使用jQuery在触摸屏上检测从左到右的滑动?

jquery touchscreen detect

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

移动CSS高度100%+浏览器chrome?

我想要一个div占用移动设备100%的视口.最初我只是将它的高度和宽度设置为100%.

但是现在我用以下JavaScript隐藏了浏览器chrome:

setTimeout(function() { 
window.scrollTo(0, 1) }, 
100);
Run Code Online (Sandbox Code Playgroud)

结果是高度为100%减去浏览器铬高度.此外,javascript通过向下滚动页面足以隐藏chrome,并且只有在页面高于div即时使用时才会发生这种情况.

我怎么能绕过这个?是否是使用设备检测并在每台设备上添加浏览器镀铬高度值(以像素为单位)的唯一方法?我想尽可能避免这种情况.谢谢

css mobile fullscreen

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

JQuery preventDefault()但仍然将片段路径添加到URL而不导航到片段

我的问题类似于这个,但没有一个答案解决了我的问题: 使用JQuery preventDefault(),但仍然添加URL的路径

当用户单击片段链接时,我需要删除跳转到片段的默认行为,但仍然将片段添加到URL.此代码(取自链接)将触发动画,然后将片段添加到URL.然而,片段然后导航到,我的情况下我的网站.

$("#login_link").click(function (e) {
    e.preventDefault();
    $("#login").animate({ 'margin-top': 0 }, 600, 'linear', function(){  window.location.hash =     $(this).attr('href'); });

});
Run Code Online (Sandbox Code Playgroud)

jquery fragment-identifier preventdefault

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

在ckeditor中创建可以应用于div的样式?

我的 ckeditor WYSIWYG 可以选择创建 div。我正在尝试创建一种可以放在“样式”下拉列表中的样式:

在此处输入图片说明

我试过将以下内容添加到我的 config.js 中,但似乎没有效果。

CKEDITOR.stylesSet.add( 'default',
[
    // Inline styles
    { name : 'Titulo Explicacion Servicio', element : 'div', attributes : { 'class' : 'titulo_explicacion_servicio' } },
    { name : 'Texto Explicacion Servicio', element : 'div', attributes : { 'class' : 'texto_explicacion_servicio' } },
    { name : 'Texto Fondo Foto', element : 'div', attributes : { 'class' : 'intro_fondo_foto' } }
]); 
Run Code Online (Sandbox Code Playgroud)

我怀疑这有什么不同,但这是针对 Drupal 站点的。

ckeditor

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

Drush无法在MAMP上连接到MySQL?

我正在尝试第一次设置Drush。我正在使用Mamp和Mountain Lion。当我在终端中输入'drush'时,我会看到命令列表,因此似乎可以安装。

我已经更改了MAMP中的默认Web目录文件夹。我在Web目录的文件夹内有许多Drupal站点。因此,一个网站的网址http://localhost:8888/omega/omegav3/http://localhost:8888/omega/omegav4/

通过导航到终端中的站点文件夹,我可以运行Drush命令,但是会出现错误。当我下载Views时,确实会将模块正确下载到我的sites / all / modules文件夹中,但是它给了我一些错误。当我尝试启用该模块时,它给我带来了更多的错误,并且没有启用该模块。

unknown:omegav3 MYUSERNAME$ cd /Users/MYUSERNAME/Dropbox/sites/omega/omegav3 
unknown:omegav3 MYUSERNAME$ drush dl views
PDO::__construct(): [2002] No such file or directory (trying to connect via           [warning]
unix:///var/mysql/mysql.sock) environment.inc:523
Project views (7.x-3.7) downloaded to sites/all/modules/views.                        [success]
Project views contains 2 modules: views, views_ui.
unknown:omegav3 MYUSERNAME$ 
unknown:omegav3 MYUSERNAME$ drush en views
PDO::__construct(): [2002] No such file or directory (trying to connect via           [warning]
unix:///var/mysql/mysql.sock) environment.inc:523
Command pm-enable needs a higher bootstrap level to run - you …
Run Code Online (Sandbox Code Playgroud)

macos mamp drupal drush

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

当文本包含div收缩时,阻止文本包装到多行上?

我试图显示和隐藏包含文本的div和带有动画的图像,该动画将所有内容缩小为零.我已经得到了相当好的工作,除了我不喜欢文本包装到多行的方式,因为它的包含div在隐藏之前收缩.是否可以阻止文本执行此操作以使其保持在一行?

http://codepen.io/anon/pen/FoJzx

<p class="open">Open</p>
<p class="close">Closed</p>

<div class="one">
    <img src="http://img.wallpaperstock.net:81/maggie-grace-portrait-wallpapers_14105_1600x1200.jpg" />    
    <p>Here is some text for div 1</p>
</div>

.one {
    transition: all 0.5s ease;
    width: 400px;
  background: grey;
}
.hide {
    width: 1px;
}
img {
    max-width: 100%;
    height: auto;
}
p {
  overflow: hidden;
}
$('.close').click(function(){
    $('.one').addClass('hide');
});
$('.open').click(function(){
    $('.one').removeClass('hide');
});
Run Code Online (Sandbox Code Playgroud)

css

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

使选择元素中的文本太长时换行?

我有一个选择列表,其中选项中的文本太长,被裁剪。是否可以使文本换行以便所有内容都可见?

在此输入图像描述

http://jsfiddle.net/W4KG7/

<select>
    <option>This is option 1</option>
    <option>This is option 2</option>
</select>

select {
    width: 92px;
}
Run Code Online (Sandbox Code Playgroud)

css

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