小编Unk*_*ato的帖子

我正在使用youtube api搜索youtube视频。然后将以#searchBar视频ID ex 显示视频。NJNlqeMM8Ns为data-video。我通过按下img获得视频ID：

<img data-video = "{{videoid}}" src = "bilder/play.png" alt = "play" class = "knapp" width = "40" height = "40">

在我对javascript的较差理解中，哪一个成为（this）。当我搜索视频时，我将获得多个结果，这意味着我将获得多个img标签。

在这种情况下，我想在第一首歌曲播放完后播放下一首歌曲。当我按下img标签时，我试图获取索引：

$(".knapp").click(function(){
    var index = $(".knapp").index(this);
    alert(index);
});

但是，当视频播放完毕后提醒索引时，我总是会返回值0。

所以我想我可以做这样的事情：

function onPlayerStateChange(event) {
   if (event.data == YT.PlayerState.ENDED){
    playNext();
   }
}

$('#searchBar').on('click', '[data-video]', function(){
player.current_video = $(this).attr('data-video');
playVideo();
});

function playVideo(){
var video_id = player.current_video;
player.loadVideoById(video_id, 0, "large");
}

function playNext(){
var player.current_videon = **$(this + 1).attr('data-video');**
var next_id = player.current_videon;
player.loadVideoById(next_id, 0, …

我想在css中制作一个动画(第一次制作)我在网上看了一些它的例子我无法弄清楚我做错了什么...所以我基本上想要我的马铃薯图像从左到右然后转过来然后再回到左边,但我可能搞砸了我的代码中的一些东西？任何建议我做错了什么或我应该如何面对这个问题？这是我漂亮的代码:

#pot {
  bottom: 15%;
  position: absolute;
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: run;
  -webkit-animation-duration: 5s;
}
@-webkit-keyframes run {
  0% {
    left: 0;
  }
  50% {
    right: 0;
  }
  100% {
    left: 0;
    , webkit-transform: scaleX(-1);
  }
}

<div id="pot">
  <img src="https://i.stack.imgur.com/qgNyF.png?s=328&g=1" width=100px height=100px>
</div>

(对不起mos和safari和歌剧用户) https://jsfiddle.net/oxc12av7/

有一种简单的方法可以将边界向下移动5px吗？就像一些技巧会很棒......

   h2{
    display: inline-block;
    }
    .video{
    vertical-align: middle;
    }
    .item{
      border-bottom: 1px solid green;
    }

      <div class="item">
    <iframe class="video" width="200" height="100" src="//www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
     <h2>title</h2>
    </div>

好吧，所以当用户更改他们的个人资料图片时我遇到了问题。如果我用我愚蠢的头脑正确理解（我认为）这是由于我的会话没有更新......所以这是我的上传文件，用户可以将图像文件上传到数据库，图像被插入并它工作正常，但即使图像在数据库中更改，当我插入它时我仍然看到旧图像......只有当我注销并登录时我才能看到新图片，

• 是否有某种方法可以更新我的会话而无需用户在进程中注销....？
• 这是因为我的会话没有更新吗？

不知道它是否有帮助，但这是我的代码

<?php
if(isset($_FILES['file']) )
{

move_uploaded_file($_FILES['file']['tmp_name'],'files/'.$_FILES['file']['name']);

session_start();
$username = $_SESSION['user'];
$userpic = 'files/'.$_FILES['file']['name'];
$id = $_SESSION['id'];

include ("connect.php");
$sql = $con->prepare('UPDATE users SET username=?, userpic=? WHERE id = ?');
$sql->bind_param("ssi",$username,$userpic,$id);
$sql->execute(); 
$sql->close();
$con->close();  
echo '<div id = "check"> Your image was succesfully uploaded</div>';
}
else{
echo "no files";}
?>

这是我的登录，如果这也更容易的话：

<?php 

include('connect.php');

$username = $_POST['username'];
$password = $_POST['password'];
$query = "SELECT * FROM users";

$result = $con->query($query);

while($row = $result->fetch_object())
{
    if($username == $row->username)
    { …

我正在尝试删除部分 DIV 颜色而不更改其大小或 z 索引，这只能通过 CSS 实现吗？我做了一个片段来解释我的问题。

所以基本上我有 3 个 DIV，有 3 种不同的颜色：

#red {
  height: 400px;
  width: 100%;
  background-color: rgba(255, 0, 0, 0.3);
  position: fixed;
  top: 0px;
}
#blue {
  width: 29%;
  height: 100%;
  background-color: rgba(0, 0, 255, 0.3);
  position: fixed;
  right: 0;
  top: 0;
}
#yellow {
  width: 80%;
  height: 75px;
  background-color: yellow;
}

<div id="red">
</div>
<div id="blue">
  <div id="yellow"></div>
</div>

我希望能够看到充当背景的红色 div 的颜色，但只能看到黄色 div 位于蓝色 div 上的位置。

因此，正如您在小提琴上看到的那样，黄色 div 所在的位置应该是红色作为背景......有什么可能的方法可以实现这一点吗？提前致谢！