小编Rya*_*113的帖子

Slick.js删除图像周围的蓝色突出显示

我正在使用Slick.js在模态中构建旋转木马.一切都很完美,直到我点击图像.出现蓝色边框,遗憾的是我无法弄清楚如何让它停止这样做.我试过大纲:没有和边界:没有,没有成功.这是我的代码

HTML:

<div id="openModal" class="modalDialog">
    <div id ="background">
        <a href="#close" title="Close" class="close">X</a>
            <div id="logo">
                <img src="/media/{{ gallery.logo }}" alt="Smiley face" height="100" width="150">
            </div>
            <div class="multiple-items">
                        <div><img src="/media/{{ gallery.image1 }}" height="200" width="300"></div>
                        <div><img src="/media/{{ gallery.image2 }}" height="200" width="300"></div>
                        <div><img src="/media/{{ gallery.image3 }}" height="200" width="300"></div>
                        <div><img src="/media/{{ gallery.image4 }}" height="200" width="300"></div>
                        <div><img src="/media/{{ gallery.image5 }}" height="200" width="300"></div>
                        <div><img src="/media/{{ gallery.image6 }}" height="200" width="300"></div>
            </div>
        </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

/* Slider */
 .slick-slider {
    margin: 110px 35px 0 0;
    position: relative;
    display: block;
    -moz-box-sizing: …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery slick.js

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

React Native Snap Carousel - 第一项

我正在尝试让我的 React Snap Carousel 加载到所需的索引上。目前,当轮播加载时,它会加载第一个索引,而不是我用 FirstItem 告诉它的索引。当我刷新屏幕或保存在代码编辑器中时,轮播会捕捉到我所指的第一个项目(索引)。下面是我的代码。我还看到了很多关于此的卡片,它们指向https://github.com/archriss/react-native-snap-carousel/blob/master/doc/KNOWN_ISSUES.md#unreliable-first-item。尽管我一生都不知道如何让它正常工作。我很感激任何帮助。谢谢。

  <Carousel
    layout={'default'}
    ref={c => {
    this._carousel = c;
    }}
    useScrollView={true}
    data={this.getDaysArray() ? this.getDaysArray() : []}
    renderItem={this.renderItem.bind(this)}
    sliderWidth={Platform.OS === 'ios' ? 375 : 392}
    itemWidth={Platform.OS === 'ios' ? 310 : 332}
    firstItem={22}
    initialScrollIndex={23}
    onLayout={() => {
      this._carousel.snapToItem(22);
      }}
  />
Run Code Online (Sandbox Code Playgroud)

react-native react-native-snap-carousel

6
推荐指数
1
解决办法
5291
查看次数

url 中的 Django 多个 pk

我目前正在尝试使用 Django Rest Framework 构建 API。目前我希望能够在一个 url 中包含多个 pk,但是当我尝试时出现错误:

django.core.exceptions.ImproperlyConfigured: "^video/(?P[0-9]+)/quiz/(?P[0-9]+)/list/$" 不是一个有效的正则表达式:重新定义组将“pk”命名为第 2 组;在位置 31 是第 1 组

这是我的网址:

url(r'^video/(?P<pk>[0-9]+)/quiz/(?P<pk>[0-9]+)/list/$',
        views.QuizList.as_view(),
        name='quizzes-list'),
url(r'^video/(?P<pk>[0-9]+)/quiz/(?P<pk>[0-9]+)/detail/$',
        views.QuizDetail.as_view(),
        name='quizzes-detail'),
Run Code Online (Sandbox Code Playgroud)

我将为一个视频进行多个测验,并希望能够通过我的 url 中的某个 pk 来访问它们。

是否有一种简单的方法可以做到这一点,或者我缺少正确的方法来做到这一点?

谢谢

编辑*以下是我的观点:

class VideoList(generics.ListCreateAPIView):
    queryset = Video.objects.all()
    serializer_class = VideoSerializer


class VideoDetail(generics.RetrieveUpdateDestroyAPIView):
    queryset = Video.objects.all()
    serializer_class = VideoSerializer


# quiz
class QuizList(generics.ListCreateAPIView):
    queryset = Quizzes.objects.all()
    serializer_class = QuizSerializer


class QuizDetail(generics.RetrieveUpdateDestroyAPIView):
    queryset = Quizzes.objects.all()
    serializer_class = QuizSerializer
Run Code Online (Sandbox Code Playgroud)

更新的网址:

    ###
    # Quiz urls
    ###

    url(r'^video/(?P<pk1>[0-9]+)/quiz/(?P<pk2>[0-9]+)/list/$',
        views.QuizList.as_view(),
        name='quizzes-list'),
    url(r'^video/(?P<pk1>[0-9]+)/quiz/(?P<pk2>[0-9]+)/detail/$',
        views.QuizDetail.as_view(),
        name='quizzes-detail'),
Run Code Online (Sandbox Code Playgroud)

更新视图: …

python regex django django-rest-framework

3
推荐指数
1
解决办法
3340
查看次数

Django模型表单工厂和表单

我正在尝试使用Django模型formset工厂来渲染模板,用户可以在其中添加图像并更改他们已上传的图像(与管理员可以完成的操作非常相似)。我目前可以将模板及其正确的字段呈现给模板。我不能做的是预先选择用户(当前要登录),并且在刷新页面时,图像将再次发布(不确定是否可以避免)。下面是我的代码。谢谢!

模型:

class Image(models.Model):
    user = models.ForeignKey(User)
    image = models.ImageField(upload_to=content_file_name, null=True, blank=True)
    link = models.CharField(max_length=256, blank=True)
Run Code Online (Sandbox Code Playgroud)

形成:

class ImageForm(forms.ModelForm):
    image = forms.ImageField(label='Image')

    class Meta:
        model = Image
        fields = ('image',
                  'link',
                  )
Run Code Online (Sandbox Code Playgroud)

视图:

@login_required
def register(request):

user_data = User.objects.get(id=request.user.id)
ImageFormSet = modelformset_factory(Image,
                                    fields=('user', 'image', 'link'), extra=3)

if request.method == 'POST':
    print '1'
    formset = ImageFormSet(request.POST, request.FILES, queryset=Image.objects.all())

    if formset.is_valid():
        formset.user = request.user
        formset.save()

    return render(request, 'portal/register.html', {'formset': formset, 'user_data': user_data})

else:
    print '2'
    formset = ImageFormSet(queryset=Image.objects.all())
    return render(request, 'portal/register.html', {'formset': …
Run Code Online (Sandbox Code Playgroud)

python django django-forms

2
推荐指数
1
解决办法
3826
查看次数

找不到参数的方法 implementation() [androidx.appcompat:appcompat:1.1.0-rc01]

我在几个地方看到过这个问题。问题似乎在于更新过去的 gradle 版本 3 和 android studio 版本 3。每当我将依赖项更改为较新版本时,我都会收到错误消息:

Could not find method implementation() for arguments [androidx.appcompat:appcompat:1.1.0-rc01] on object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.
Run Code Online (Sandbox Code Playgroud)

这是我的 build.gradle:

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    ext {
        buildToolsVersion = "28.0.3"
        minSdkVersion = 16
        compileSdkVersion = 28
        targetSdkVersion = 28
    }
    repositories {
        google()
        jcenter()

    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
        implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
        implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'
        // NOTE: Do not place your application dependencies here; they belong
        // …
Run Code Online (Sandbox Code Playgroud)

android gradle android-studio

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