我正在建立我的投资组合网站,并在案例研究页面上有一个Unslider.com画廊.我希望用户能够单击我自己创建的下一个或上一个按钮,并将类名称调用为.next和.prev.这是我的JQuery代码.
jQuery(document).ready(function($) {
var slider = $('.gallery').unslider({
autoplay : true,
arrows : false,
nav : false,
animation : 'fade',
});
slider.on('unslider.ready', function() {
$(".prev").click(function() {
unslider('animate:prev');
});
});
slider.on('unslider.ready', function() {
$(".next").click(function() {
unslider('animate:next');
});
});
});
Run Code Online (Sandbox Code Playgroud)
我知道Unslider带有下一个和前一个按钮,但我需要自己做这个以达到预期的效果.任何有关代码无效的建议都将受到赞赏.我知道JQuery点击链接到正确的html元素,因为我尝试在单击元素时向函数添加警报并正确显示警报.
谢谢,杰米
我正在创建一个wordpress主题,我在主题中的每个类别都有一个指定的颜色.我希望wordpress代码简单地将类别的名称打印到帖子的id中,这样它就可以设置为相应的颜色,但是我尝试的每个代码都会给它带来html标记,这会弄乱我的代码.以下是我希望如何工作的方式.
<article> <!-- POST -->
<h1>Post title</h1>
<h2 id="***Here is where I want to insert the code to print the post's category id***>Category Name (Same code as in the ID)</h2>
<img *featured image*>
<p>blah blah article summary</p>
</article>
Run Code Online (Sandbox Code Playgroud)
任何帮助将非常感谢!
我在 Vue JS 中有一个名为tags的数据对象,如下所示:
tags: [
{name: "menu"},
{name: "red"}
],
Run Code Online (Sandbox Code Playgroud)
目前我可以用这个输出它们
var tags = this.tags;
var tagss = JSON.stringify(tags);
console.log('list of tags:' + tagss);
Run Code Online (Sandbox Code Playgroud)
但它返回它是这样的:
list of tags:[{"name":"menu"},{"name":"red"}]
Run Code Online (Sandbox Code Playgroud)
我希望它像这样返回它们:
list of tags: menu,red
Run Code Online (Sandbox Code Playgroud)
知道如何做到这一点吗?我想要这样的原因是我可以使用标签列表查询我的 API。
提前致谢。
好吧,我正在制作我的第一个iOS HTML5应用程序,它只是一个简单的报价应用程序.我需要弄清楚如何让我的容器div成为iphone的全高.这是我设计的jsfiddle - http://jsfiddle.net/gKaDL/1/
.container {
width: 640px;
min-height: 100%;
background-size: cover;
background-position: center;
background-color: #1a1a1a;
}
Run Code Online (Sandbox Code Playgroud)
因为很多报价很短,容器div不会达到iPhone 4屏幕高度960px,更不用说iPhone 5的1136px高度了.容器div必须是屏幕的大小或更大,因为它上面有一个必须填满屏幕的背景图像.
谢谢.
我是 Nuxt/Vue 的新手,对数据在不同页面之间的工作方式感到困惑。我想根据我是否在索引页上显示浅色或深色徽标。在页面之间导航时,数据不会更新路线名称,因此徽标不会更改:下面的布局页面。
<template>
<main>
<img v-if="page != 'index'" src="~/assets/img/logo-white.svg">
<img v-else src="~/assets/img/logo-dark.svg">
<nuxt />
</main>
</template>
<script>
export default {
data () {
return {
page: this.$route.name
}
}
}
</script>
Run Code Online (Sandbox Code Playgroud)
任何帮助都会很棒。谢谢,杰米
我现在正在建立一个小网站,用户可以上传他们自己的个人资料图片,但很明显一些用户图片将是png和一些jpeg,有人知道无论如何能够接受两者在css中使用图像作为背景图像.这是我的HTML:
<div class='avatar' style='background-image: url('users/avatars/$username.jpg')'></div>
Run Code Online (Sandbox Code Playgroud)
在users/avatars /文件夹中,每个用户的个人资料图片都是这样命名的:"username.jpg"或"username.png".
这是我的问题的一个例子:http://cl.ly/image/3W311S2v0v0t
第一个帖子加载用户个人资料图片,因为它是一个jpeg,但第二个帖子没有加载个人资料图片,因为它是一个png.
提前致谢.
我为我的空间(属性)创建了一个模型和控制器,该模型和控制器具有数据库结构;space_id
,space_address
,space_owner
,space_price
等...
但是,当我访问localhost:8000 / project / space / 1时,出现此错误:
找不到列:1054“ where子句”中的未知列“ spaces.id”(SQL:select * from
spaces
wherespaces
。id
= 3 limit 1)
功能:
public function show($id)
{
$space = Space::find($id);
return view('space.show')->with('space', $space);
}
Run Code Online (Sandbox Code Playgroud)
这是我的模型,如果有帮助:
class Space extends Model
{
protected $table = 'spaces';
public $primarykey = 'space_id';
}
Run Code Online (Sandbox Code Playgroud)