Question

我想知道如何仅为特定的div添加外部jQuery。

在我的项目中，我在标题部分添加了一个jQuery库。但它会反映整个项目。

但我想只反映单身div。如果您有任何想法，请帮助我。

<!DOCTYPE html>

<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
  xmlns:p="tapestry:parameter"
  xmlns:j="tapestry-library:jquery">
<head>
<title>${message:index_title}</title>
<meta name="google-site-verification" content="oeiNXBU5Fev7Pbt0353wKX5SiWfiWtQGdILNY5bRqHA" />
<meta name="viewport" content="initial-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=0" charset="utf-8" />
<link rel="shortcut icon" type="image/x-icon" href="${context:layout/images/App_icon.png}" />
<link type="text/css" rel="stylesheet" href="${context:layout/css/style.css}" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style>
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; height:100px;}
div#slider figure { 
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 30s slidy infinite; 
}
</style>
<script>
$(document).on("pagecreate","#pageone",function(){
$("#first_one").on("swipe",function(){
    $(this).hide();
});                       
});
</script>
</head>
<body>
<div id="slider" style="height:100px; width:100%; padding:0px;
 margin:0px;">
    <figure id="first">
        <div id="first_one"><img src="${context:layout/images/top1.jpg}" 
          /></div></figure>
    <figure id="second">
        <img src="${context:layout/images/top2.jpg}" /></figure>
    <figure id="third">
        <img src="${context:layout/images/top5.jpg}" /></figure>
</div>  
<div id="category">
    <div id="category_header">
        <div id="category_style">All Videos</div>
    </div>
    <div id="search">
        <t:form t:id="searching">
            <div id="search_field"><input t:type="textfield"  
     t:id="search" placeholder="Search Video" size="20"/></div>
            <div id="search_button"><input t:type="submit" 
     t:id="searchSubmit" value="Search"/></div>
        </t:form>
    </div>
</div>
</body>
</html>

Answer 1

给你的div一个ID。

<div id='fart'>some stuff</div><

然后，在javascript中，$（“＃fart”）。html（“气味”）

“＃”引用元素的ID。 “”引用该类。

如何仅为特定div添加外部jQuery？

1 个答案: