0

我有这个代码：

var closeButton = $("<a class='close'/>")
                                    .button({
                                        icons: {
                                            primary: "ui-icon-close"
                                        },
                                        text: false
                                    })
                                    .removeClass("ui-corner-all")
                                    .addClass("ui-corner-right ui-combobox-toggle")
                                    .click(function () {
                                        if (invisibleElement != null)
                                            jQuery(invisibleElement).val("");
                                        //removing the close button with placaholder value
                                        jQuery(visibleElement).val("Select");
                                        jQuery(visibleElement).focus();
                                        jQuery(visibleElement).blur();
                                        var parentNode = $(this).parent();
                                        parentNode.find(this).remove();
                                        isCloseButton = false;
                                    });

我通过这个有条件地添加这个按钮：

$(visibleElement).parent().find(".showAll").after(closeButton);

默认情况下不添加此项。这是根据一些输入添加的。

这些东西是在 td 中添加的

<table border="0" width="100%" cellspacing='0' cellpadding='2'>
<tr>
    <td style="vertical-align:middle; text-align:left; width: 45%;">
                                <input type="text" id="theVisibleElement" value=""/>

    </td>
</tr>

但添加后closeButton，我无法看到该showAll元素。只有 inputBox( visibleElement) 和closeButton是可见的。虽然，在源代码中所有三个都存在，即可见元素（输入文本框）、showAll元素和closeButton. 奇怪的td是足够大，但三个都没有出现。该怎么办？有什么建议吗？

这是 jsfiddle： http: //jsfiddle.net/8U6xq/1/ 虽然有点乱。

4

1 回答 1

1

这是一个 CSS 问题。您的“关闭”元素就在您的 showAll 元素之上。在此处查看更正的小提琴：

http://jsfiddle.net/8U6xq/2/

我刚刚在 css 中改变了这个：

.close {
    left: 270px;
}
于 2013-04-29T09:31:55.270 回答