Question

我有一行创建一个简单的框，如下所示：

var box = $('<button>').addClass('box');

使用css：

.box {
    border-radius: 0.7vw;
    width: 40vw;
    height: 50vw;
    margin: 30px;
    display: inline-block;
    background-color: #d87c2d;
}

一切都很好，我拿到那些盒子，我甚至可以点击它们。

但我真正需要的是生成一些可用的元素。

为此，我通常喜欢将组件分开（希望我使用正确的术语），因此我制作了一个包含以下内容的文本文件：

<div>
    <div class="tile" id="eventName"> Event name</div><br/>
    <div class="tile" id="eventDate">2017.01.01. </div>
    <div class="tile" id="eventTime">12.00</div><br/> 
    <div class="tile" id="description">Some boring example description about the meaningless </div>
</div>

我的目标是将其放在$(-here-)内，而不是我在那里的简单<button>。

为此，我尝试了

var box = $('/html/tileInside').addClass('box');

但没有工作，我相信JS认为我只想要string / html / tileInside 那里显然没有任何意义。

那么有没有办法在jQuery字符串选择器中的txt文件中添加string？

Answer 1

在这里使用ajax。

$('<div></div>').load('/html/tileInside');

http://api.jquery.com/load/

http://api.jquery.com/jQuery.ajax/

jQuery String selector从文件中添加字符串

1 个答案: