Мне нужно предоставить подсказку для определенного столбца в моей таблице. Мой вид:
<table class="tbl" id="dash" data-bind="with: Plan">
<thead>
<tr class="tag close">
<th>Type</th>
<th>Title</th>
</tr>
</thead>
<tbody class="scrollContent" data-bind="foreach: Course">
<tr>
<td><i class="icon"></i></td>
<td><a href="#" id="qtipselector_01" data-bind="text: Title"></a></td>
<div id="TooltipContent_01" class="hidden">
<a> Test Tool Tip</a>
</div>
</div>
</tr>
</tbody>
</table>
Я включил jquery и jquery.qtip.js.
Я написал функцию для отображения подсказки при вводе мыши.
$('#qtipselector_01').qtip({
content: $('div#TooltipContent_01').html(),
position: {
my: 'left center'
},
show: 'mouseenter',
hide: {
fixed: true,
delay: 500,
when: {
event: 'unfocus'
}
},
style: {
tip: {
width: 20,
height: 14,
},
width:280,
height:100,
classes: 'qtipabc',
}
});
Главная страница
<script src="Scripts/jquery.js" type="text/javascript"></script>
<script src="Scripts/jquery.qtip.js"></script>
<!--Template binding--><!-- This is where my view is getting binded-->
<div id="Container" ua-app-id="topVm" data-bind='template: {name: pageModel, data: pageVM }'>
</div>
<script src="Scripts/abc.js"></script> <!--Place where .qtip is called-->
Он не работает на данный момент.
ko.applyBindings
, то он не будет работать. Элементы DOM, которые вы пытаетесь связать, не будут существовать. Другая проблема заключается в том, что вы используетеid
внутриforeach
. Это тоже не сработает. Если вы сделаете это, то каждый элемент будет иметь один и тот жеid
, что является нет-нет. Либо используйте класс, либо используйте привязкуattr
, чтобы дать им уникальный идентификатор. - person Matt Burland   schedule 26.01.2013.qtip()
относительно того, где находится ваш звонок.applyBindings()
. - person Matt Burland   schedule 26.01.2013qtip
в файлsetTimeout
. Иногда при использовании пользовательских привязок для взаимодействия с элементом управления jQuery вам необходимо поместить инициализацию элемента управления jQuery в конец стека выполнения JavaScript. Это дает Knockout время для полной оценки наблюдаемых и отображения шаблона до того, как Qtip попытается выполнить привязку к элементу. В моем простом примере это не нужно, но вот как это будет выглядеть: jsfiddle.net/jearles/mBpJB /4а> - person John Earles   schedule 29.01.2013