将bootstrap元素添加到body标签中



我是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是否拒绝了身体标签中的注入元件?

最新更新