小编HoG*_*oGo的帖子

CSS :: child设置为在父悬停时更改颜色,但在悬停时也会更改

我有<a><span>孩子.我写了一些CSS,当父母悬停时会改变孩子们的边框颜色,但是当我悬停孩子时它也会改变边框颜色,这不应该.

a {
    padding: 50px;
    border: 1px solid black;
}

a span {
    position: absolute;
    top: 200px;
    padding: 30px;
    border: 10px solid green;
}

a:hover span {
    border: 10px solid red;
}   
Run Code Online (Sandbox Code Playgroud)
<a>
    Parent text
    <span>Child text</span>    
</a>
Run Code Online (Sandbox Code Playgroud)

html css parent-child hover

39
推荐指数
2
解决办法
8万
查看次数

将存储在php中的数据动态添加到嵌套的json中

我正在尝试在 json 中为 jQuery 甘特图动态生成数据。我知道 PHP,但对 JavaScript 完全没有兴趣。我已经阅读了很多关于如何将数据动态添加到 json 的解决方案,并尝试了几十种组合,但一无所获。这是json格式:

var data = [{
    name: "Sprint 0",
    desc: "Analysis",
    values: [{
        from: "/Date(1320192000000)/",
        to: "/Date(1322401600000)/",
        label: "Requirement Gathering", 
        customClass: "ganttRed"
        }]
    },{
    name: " ",
    desc: "Scoping",
    values: [{
        from: "/Date(1322611200000)/",
        to: "/Date(1323302400000)/",
        label: "Scoping", 
        customClass: "ganttRed"
        }]
    }, <!-- Somoe more data-->

      }];
Run Code Online (Sandbox Code Playgroud)

现在我在 php db 结果中有所有数据。它是这样的:

$rows=$db->fetchAllRows($result);
$rowsNum=count($rows);
Run Code Online (Sandbox Code Playgroud)

这就是我想从中创建 json 的方式:

var data='';
<?php foreach ($rows as $row){ ?>
data['name']="<?php echo $row['name'];?>";
data['desc']="<?php echo $row['desc'];?>";
data['values'] = {"from" …
Run Code Online (Sandbox Code Playgroud)

javascript php json nested

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

在 HTML 中定义 owl carousel 参数(带有 class 或 data 属性)

我有一个很少有猫头鹰轮播的页面。我希望能够在 HTML 代码中为这些猫头鹰轮播设置一些参数(使用类或数据属性)。

假设我在 HTML 中定义了两个数据属性,我创建了以下 jQuery 代码:

$(".owl-carousel").each(function( index ) {
    var items_no = $(this).data('slides');
    var autoplay = $(this).data('autoplay');
    $(".owl-carousel").owlCarousel({
        items : items_no,
        autoplay: autoplay
    });
});
Run Code Online (Sandbox Code Playgroud)

正如您所料,它不起作用。来自第一个 owl carousel 的参数应用于所有 carousel。我不知道如何使它工作。下面是我的尝试。

http://jsfiddle.net/t2gj8eg2/4/

我将非常感谢任何能够为我修复它的人。提前致谢

html owl-carousel

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

在循环中分配onclick函数在JavaScript中不起作用

可能重复:
Javascript循环中的事件处理程序 - 需要一个闭包吗?

我在表格单元格中有hrefs.
我正在使用'for'循环迭代这些单元格以更改onclick函数.
但这不起作用.
这里有两个例子:

有效:

for (var i = 0; i < tbl.rows.length - 1; i++) { // for each row
    var len = document.getElementById("my_table").rows[i].cells.length-1;
    document.getElementById("my_table").rows[i].cells[len].innerHTML = "X1";
  }
Run Code Online (Sandbox Code Playgroud)

不起作用:

for (var i = 0; i < tbl.rows.length; i++) { // for each row
    var len = document.getElementById("my_table").rows[i].cells.length-1;
    document.getElementById("my_table").rows[i].cells[len].onclick = function() {
        deleteRows(i);
    };
  }
Run Code Online (Sandbox Code Playgroud)

可能有什么不对?

javascript for-loop function onclick

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

标签 统计

html ×2

javascript ×2

css ×1

for-loop ×1

function ×1

hover ×1

json ×1

nested ×1

onclick ×1

owl-carousel ×1

parent-child ×1

php ×1