Question

我在jquery上工作了很长时间。我正在尝试在另一个droppable元素内创建一个droppable元素。

通过嵌套它可以很好地工作，但是由于新项目在创建之前没有类，因此我想在创建过程中格式化CSS属性。

我正在使用.css{()}函数，该函数适用于所有常规格式。但是，我无法弄清楚将H1或H2设置为无或更改新可放置克隆中的标记的语法。

我尝试将h2 {display: 'none'}添加为一行，但是它不接受该格式。

    //It is the bottom line of code, but this is to show how it is nested
    //which is why I am trying to set the css this way.
        drop: function (event, ui) {
        $(this)
            .append(ui.helper.clone(false)
            .css({
            position: 'relative',
            left: '0px',
            top: '0px',
            height: "75px",
            width: "100%"
        })
            .droppable({
                accept: "#gallery > li",
                classes: {
                 "ui-droppable-active": "ui-state-highlight"
                 },
            drop: function (event, ui) {
            $(this)
                .append(ui.helper.clone(false)
                .css({
                position: 'relative',
                display: 'inline-block',
                padding: '1%',
                left: '0px',
                top: '0px',
                height: "36px",
                width: "auto",
                h2 {display: 'none'} //right here is the problem.

Answer 1

嘿，最后一行的代码中有语法问题：

$(this)
                .append(ui.helper.clone(false)
                .css({
                position: 'relative',
                display: 'inline-block',
                padding: '1%',
                left: '0px',
                top: '0px',
                height: "36px",
                width: "auto"});//Here you should close your style
                //Maybe here you mean to find the H2 element who is a child of this element then
                .find('h2').css('display','none');

将.css元素的正确语法添加到html标签的droppable中

1 个答案: