我是jQuery的新蜜蜂,我想在WordPress构建的特定页面中使用BootRap的SpysCroll Funcion。
所以我的想法是注入
data-spy="scroll" data-target="#myScrollspy" data-offset="20"
在我页面的身体标签中
将是
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
使用document..ready或onload函数
$("body").append('data-spy="scroll" data-target="#myScrollspy" data-offset="20"');
我不确定是否可以这样做。
感谢很多
在jquery中使用 .data()
jquery.data()方法允许我们以免受循环引用的方式将任何类型的数据附加到DOM元素上,因此没有内存泄漏。<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<</p>
$("body").data("spy", "scroll");
$("body").data("target","#myScrollspy");
$("body").data("offset","20");
或替代方式
$.data( document.body, "spy", scroll);
$.data( document.body, "target", "#myScrollspy" );
$.data( document.body, "offset", "20" );
不,你不能。附录方法用于在父级内插入新的HTML元素,例如<div>...</div>
等。要使用jQuery插入HTML元素内部的新属性,请使用TU使用这样的.attr()
方法:
$( "body" ).attr( "data-spy", "scroll" );
$( "body" ).attr( "data-target", "#myScrollspy" );
$( "body" ).attr( "data-offset", "20" );
希望这是您想要的。
我已经添加了您的代码,但是WordPress似乎具有某些代码MeCanism使此代码不起作用。
我终于通过使用此代码找到了另一个解决方案:
$('body').scrollspy({ target: '#myScrollspy', offset:100 }
也许有人可以告诉我WordPress是否拒绝了身体标签中的注入元件?