Question

我正在使用一个日历小部件，它使用jQuery的load（）函数来填充事件模态的内容。可以找到示例here。

出于我的日历系统的目的，模式内容是在与日历相同的页面上生成的，其中示例在单独的文件中具有模态内容。

填充模态的函数是：

this.modalBody.find('.event-info').load(event.parent().attr('data-content')+'.html .event-info > *', function(data){
        //once the event content has been loaded
        self.element.addClass('content-loaded');
    });

其中.attr('data-content')+'.html .event-info > *',是html文件中的内容。

对于我的项目，我在div中具有模式内容，其中包含PHP生成的ID，如下所示：

<div id=\"shift-".($i+1)."\" class=\"event-modal-content-form\">
    <p>This is the modal content</p>
</div>

event-modal-content-form类是一个简单的类，它只隐藏div，因此它不会妨碍日历格式化。

所以，我需要更改javascript以使用此div的内容填充模式而不是代码现在搜索的内容，并且我尝试了几种不同的方法。

现在我拥有的是：

this.modalBody.find('.event-info').getElementById(.attr('data-content')), function(data){
        //once the event content has been loaded
        self.element.addClass('content-loaded');
    });

但我在.attr

中的getElementById()收到了意外的令牌错误

任何正确方向的指针都会非常有用。

使用JavaScript / jQuery填充模态内容

0 个答案: