我使用javascript在我的网站上加载图片,取决于你点击的ul中的"小"照片......我有类似的东西:
<script type="text/javascript">
function viewImage(src, legende) {
document.getElementById("imageBig").src = "images/photos/"+src;
document.getElementById("legend").innerHTML = legende;
}
</script>
Run Code Online (Sandbox Code Playgroud)
简单地说:就像那样:
<ul id="ulPhotos">
<li>
<a href="#centre" onclick="javascript:viewImage('flute.jpg','La Reine de la Nuit au Comedia')">
<img src="images/photos/carre-09.jpg" alt="" />
</a>
<a href="#centre" onclick="javascript:viewImage('perichole.jpg','Manuelita - <em>La Périchole</em> à l’Opéra Comique')">
<img src="images/photos/carre-03.jpg" alt="" />
</a>
</li>
<li>
<a href="#centre" onclick="javascript:viewImage('12.png','Récital à Carnac, septembre 2008')">
<img src="images/photos/carre-12.jpg" alt="Marion Baglan Carnac Ré" />
</a>
<a href="#centre" onclick="javascript:viewImage('01.jpg','')">
<img src="images/photos/carre-01.jpg" alt="" />
</a>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
所以你看,我可以,根据你点击的无序列表中的哪些小照片,加载一些特定的照片,通过将参数中的src字符串传递给我的viewImage函数...
但我决定用Jquery来获得一些淡入效果.但我无法找到一种方法来传递一个参数,告诉我的JQuery函数加载哪张照片取决于我点击的位置...
卡在这里:
$(document).ready(function(){
$('#ulPhotos').click(function() { …Run Code Online (Sandbox Code Playgroud) 我得到SyntaxError:Parse Error,仅在safari上.这是有问题的代码.
<script type="text/javascript">
$(document).ready(function() {
$("form").transload({
auth: {key: "b7deac9c96af6c745e914e25d0350baa"},
flow: {
encode: {
"use": ":original",
"robot": "/video/encode",
"preset": "flash",
"width": 480,
"height": 320
},
encode_iphone: {
"use": ":original",
"robot": "/video/encode",
"preset": "iphone"
},
export: {
"use": ["encode","encode_iphone"],
"robot": "/s3/store"
}
}
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
我正在使用transloadit一个jquery插件.它适用于其他所有页面,并且通过它的外观在safari上正常加载.
错误在第44行,即
export: {
Run Code Online (Sandbox Code Playgroud)
任何人都可以看到该页面有任何问题吗?
如果从下拉框中选择Tom,我如何使用jQuery获取名称而不是值,以便得到的输出是Tom?
<select id="emp" >
<option value=1>Tom</option>
<option value=12>Harold</option>e
<option value=32>Jenny</option>
</select>
Run Code Online (Sandbox Code Playgroud) 我在JavaScript中遇到了问题.
我有两个数组,我想检查它们是否在某些元素上相交,然后删除这些元素并返回没有相交元素的新数组.
例如:
Array A (
[0] => 0 [1] => 1
)
Array B (
[0] => 2 [1] => 1
)
Run Code Online (Sandbox Code Playgroud)
我想检查一下并返回:
Array result (
[0] => 0 [1] => 2
)
Run Code Online (Sandbox Code Playgroud)
我怎么能用JavaScript做到这一点?
我有这样的事情:......
<div id="d120" >content</div>
<div id="d123" >content</div>
<div id="d112" >content</div>
<div id="d145" >content</div>
<div id="d134" >content</div>
//Insert here hello world
<div id="bla" >asd</div>
<div id="footer" >asd</div>
Run Code Online (Sandbox Code Playgroud)
任何人都知道如何在所有id为d + number的div之后插入html
我正在尝试使用jQuery在我的内容中的第一个h2标记之前获取所有段落.这是我正在使用的代码:
$(".content").find("h2:first").prevAll().text()
Run Code Online (Sandbox Code Playgroud)
这是抓取内容,虽然它以向后的顺序显示它.示例内容:
<div class="content">
<p>paragraph 1</p>
<p>paragraph 2</p>
<p>paragraph 3</p>
<h2>First h2 tag</h2>
<p>paragraph 4</p>
<p>paragraph 5</p>
<p>paragraph 6</p>
<h2>Second h2 tag</h2>
</div>
Run Code Online (Sandbox Code Playgroud)
上面的代码正在输出:
<p>paragraph 3</p>
<p>paragraph 2</p>
<p>paragraph 1</p>
Run Code Online (Sandbox Code Playgroud)
有没有办法扭转这种情况,所以它的顺序是正确的?我尝试使用不同的代码使用nextAll,但它似乎抓住了我的所有内容,或者根本不工作lol
我有这个标记:
<div id="myElement">
<ul>
<li><a href="#1" class="myElementLink">Link 1</a></li>
<li><a href="#2" class="myElementLink">Link 2</a></li>
<li><a href="#3" class="myElementLink">Link 3</a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
在"myElement"中选择所有"myElementLink"的语法是什么?
谢谢你的帮助
我有一系列嵌套的UL,如下所示:
<ul class="categorySelect" id="">
<li class="selected">Root<span class='catID'>1</span>
<ul class="" id="">
<li>First Cat<span class='catID'>2</span>
<ul class="" id="">
<li>cat in First<span class='catID'>3</span>
<ul class="" id="">
</ul>
</li>
<li>another cat in first<span class='catID'>4</span>
<ul class="" id="">
</ul>
</li>
</ul>
</li>
<li>cat in root<span class='catID'>5</span>
<ul class="" id="">
</ul>
</li>
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
然后我有jQuery,我打算将"selected"类移动到不同的LI click():
$(document).ready(function () {
$("ul.categorySelect li").click(function () {
$("ul.categorySelect li.selected").removeClass("selected");
$(this).addClass("selected");
})
});
Run Code Online (Sandbox Code Playgroud)
当我测试它时,起初它似乎根本没有工作.我alert("click")在click事件函数中添加了一个,我能够告诉它它正在工作,但是在子LI和父LI上都注册了click事件,这意味着最终根LI总是最终被选中.
有没有办法阻止click()事件在父LI上执行?
我正在使用以下内容将一个添加到数字:
<div id="count">00</div>
<div id="count">03</div>
<div id="count">08</div>
<div id="count">12</div>
$('#count').text(function(i,txt) { return parseInt(txt, 10) + 1; });
Run Code Online (Sandbox Code Playgroud)
我总是希望有两个地方,即使数字低于10,也有00个.如何使用JS获得上面的func,总是返回2 00个位置?所以,如果数字计算为3,它会将#3注入#count?
谢谢