我一直在Safari中建立一个网站,我刚刚在Firefox中对它进行了测试,我的固定导航元素表现得好像它们的位置是绝对的.
#navigation {
display: block;
width: 100%;
height: 50px;
position: fixed;
left: 0px;
bottom: 0px;
text-align: center;
z-index: 99000;
}
这是我用于主导航包装的CSS(它是底部导航.).在Webkit中,它完美地运行:也就是说,它无论如何都会粘在窗口的底部.在Firefox中,它将自己定位在标签的末尾,因此,例如,在长页面上,我必须向下滚动才能看到它.它表现得好像是绝对的.
我也有侧边栏导航.
.slidebar {
display: block;
position: fixed;
left: -1px;
top: -1px;
width: 1px;
height: 100%;
overflow: hidden;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 99998;
}
这个侧边栏也表现得好像它是绝对的 - 也就是说,它正确地将自己定位在屏幕外,但它是伸长的<body>,因此出现了水平滚动条.的height: 100%;还响应<body>高度,而不是窗口的高度,所以,例如,我的<header>具有20像素的顶缘,和滑杆指出余量太(所述主体具有0余量).同样地,它不是height: 100%;在窗口底部的结尾,而是在底部结束,从而<body>考虑页脚的底部边缘.
我无法理解为什么会发生这种情况.元素检查显示所有属性都正常加载,在Chrome和Safari中它可以正常工作.它最初工作,它最后一次我甚至编辑了导航,但它已经停止工作,因为我建立了网站的其他,不相关的部分.
我正在尝试为一组设置创建一个 jquery 事件侦听器。这是单选按钮的示例：
<div class="settings">
<input type="radio" id="a1" name="a" value="1" style="display: none;" />
<label for="a1">a1</label>
<input type="radio" id="a2" name="a" value="2" style="display: none;" />
<label for="a2">a1</label>
<input type="radio" id="a3" name="a" value="3" style="display: none;" />
<label for="a3">a1</label>
</div>
<div class="settings">
<input type="radio" id="b1" name="b" value="1" style="display: none;" />
<label for="b1">a1</label>
<input type="radio" id="b2" name="b" value="2" style="display: none;" />
<label for="b2">a1</label>
<input type="radio" id="b3" name="b" value="3" style="display: none;" />
<label for="b3">a1</label>
</div>
当单击单选按钮时，我需要一个 jquery 侦听器，但是我很困惑，因为没有单击单选按钮，它们被隐藏了。这是被点击的标签。我还需要知道点击了哪个按钮。这是我得到的：
$('.settings label').click(function() {
alert("Something was clicked"); // test …我正在尝试在响应式设计上使用CKEditor,但我无法达到工作的高度.以下带有高度定义的代码可以将文本区域的大小调整为100%,从而溢出包含的div.
CKEDITOR.replace( 'article', {
toolbar: [
{ name: 'basicstyles', items: [ 'Bold', 'Italic' ] },
{ name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Blockquote' ] },
{ name: 'links', items : [ 'Link','Unlink' ] },
{ name: 'insert', items : [ 'Image' ] }
],
uiColor: '#f9fafb',
height: '100%'
});
我找到了下面的代码,但我无法弄清楚粘贴的位置.我也尝试过编辑config.js,并遵循CKEDitor网站上的所有文档.他们告诉你该做什么,但不知道该做什么.
editor.resize( '100%', '350', true );
理论上,"真实"将使高度包括整个编辑器,而不仅仅是文本区域,但我不知道它属于哪里.
包含编辑器的div使用此CSS:
height: -moz-calc(100% - 400px);
height: -webkit-calc(100% - 400px);
height: calc(100% - 400px);
从 Sveltekit 操作返回的 json 是乱码。我期待这样的事情：
{ foo: bar, foo2: bar2 }
但我得到的是这个：
Array({ foo: 1, foo2: 2 }, bar, bar2)
对于嵌套数据来说，这更令人烦恼。
这就是我发送的方式：
const response = await fetch('/api/fetch', {
method: 'POST'
}).then((res) => {
res.json().then((r) => {
console.log(JSON.parse(r.data))
})
})
这是api/fetch/+page.server.js
export const actions = {
default: async ({ request }) => {
const response = await fetch(
'https://exterual-url-that-returns-json', {
method: 'GET'
}
)
return await response.json()
}
}
即使 json 对象不是从外部 url 获取的，我也有同样的问题，即return { foo: bar, foo2: bar2 …
我正在尝试在我的网站上构建搜索功能.我搜索用户名和电子邮件,但我也希望能够根据用户的全名进行搜索.我的问题是first_name和last_name是分开存储的,我不知道如何为此构建查询.就像是
SELECT * FROM users WHERE first_name AND last_name LIKE '%$query%'
显然这是非常错的 - 任何帮助？