Question

我已经为这段代码得到了一些帮助，但在我的结尾，当我点击按钮时，它只是将空的li元素转储到预期的目标。

<script type="text/javascript">
    $('.add-button').click(function() {
        $('<li />', {text: $('#select-put:selected').text() })
        .appendTo('#publisher-results ul');
    });
</script>

<div class="select-div">
    <select id="select-put">
        <option val="1">Tester out </option>
        <option val="2">Tester out 2</option>
        <option val="3">Tester out 3</option>
        <option val="4">Tester out 4</option>
    </select>
</div>

<div class="link-div">
    <a class="add-button" href="#" style="width:46px;height:22px;display:block;"></a>
</div>

<div style="clear:both;"></div>
<div id="publisher-results">
    <ul></ul>
</div>

我在模态窗口中进行操作......也许这与它无法正常工作有关。可以使用模态窗口here ....我很感激任何帮助...谢谢。

Answer 1

我认为应该是：

$('<li />')
    .text($('#select-put :selected').text())
    .appendTo('#publisher-results ul');

编辑我刚刚意识到你的原创应该有用 - 这不是我以前见过的jQuery语法。我认为问题可能在于您没有等待DOM准备就绪。您应该使用以下语法确保您的代码仅在DOM完全加载时运行：

$(document).ready(function() {
    $('.add-button').click(function() {
        $('<li />', {text: $('#select-put :selected').text() })
        .appendTo('#publisher-results ul');
    });
});

为什么这个提供空列表项目？

1 个答案: