Sergey750il

На конструкторах ты можешь делать однотипные сайты визитки или лендинги. А если нужны сложные фильтры, какие либо сервисы то конструктором не обойдешься.

Проблему решил. Нужно было всю разметку модального окна вынести на удаленную страницу, которая будет подгружаться.

В общем добавил setTimeout для задержки скрытия окна, но как тогда сделать чтобы оно скрывалось сразу как только мышь выведена за пределы родительского блока. Не могу понять как сделать выборку.

var rsrGroups = [path_ag, path_ah, path_aj, path_ak, path_al, path_am, path_ao, path_ap, path_aq, path_ar, path_ca, path_cb];

path_ag.data("room", "201");
    path_ah.data("room", "212");
    path_aj.data("room", "218");
    path_ak.data("room", "219");
    path_al.data("room", "202");
    path_am.data("room", "215");
    path_ao.data("room", "205");
    path_ap.data("room", "204");
    path_aq.data("room", "214");
    path_ar.data("room", "213");
    path_ca.data("room", "216");
    path_cb.data("room", "203");

<div id="ofices">
<div class="ofice">
<div class="ofice_number"><a href="#">201</a></div>
<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="#">212</a></div>
<div class="ofice_status" data-select-like-a-boss="1">Занят</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="#">218</a></div>
<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="sds">219</a></div>
<div class="ofice_status">Занят</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="sd">202</a></div>
<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="sdd">215</a></div>
<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="#">205</a></div>
<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="#">204</a></div>
<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="#">214</a></div>
<div class="ofice_status">Занят</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="#">213</a></div>
<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="#">216</a></div>
<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
<div class="ofice_number"><a href="#">203</a></div>
<div class="ofice_status">Свободен</div>
</div>
</div>