我在我的项目中使用了两个 jQuery 插件。
在我的示例中,我有四个图像幻灯片,每个图像 slider 都添加了图像的评论部分。对于评论,我使用了 Jeditable
插件进行内联评论。
这是我的 HTML 部分:
<div id="dino-example" class="dino-carousel">
<div class="item">
<div>
<h1>
Slide 1
</h1>
<p>
Ut laborum. Nisi ipsum natus laborum ea nemo distinctio. Laborum aspernatur sed sit, et quod illum.
</p>
<p class="editable_textarea" id="paragraph_1">click here to edit text content</p>
<p>
<input type="text" class="inv" value="1">
</p>
</div>
</div>
<div class="item">
<h1>
Slide 2
</h1>
<p>
Consequat. Recusandae. Lorem a iure alias officia aut officiis repellendus. Aliquid quasi ad voluptate modi non est veniam, quo.
</p>
<p class="editable_textarea" id="paragraph_1">click here to edit text content</p>
<p>
<input type="text" class="inv" value="2">
</p>
</div>
<div class="item">
<h1>
Slide 3
</h1>
<p>
Tempore, consequuntur est occaecat doloribus qui dignissimos voluptatem eius voluptatem ea iusto.
</p>
<p class="editable_textarea" id="paragraph_1">click here to edit text content</p>
<p>
<input type="text" class="inv" value="3">
</p>
</div>
<div class="item">
<h1>
Slide 4
</h1>
<p>
Sit dolor ut culpa, deserunt placeat, deleniti minus ut magna fugit, rerum aliquid est magni aliqua. Qui unde.
</p>
<p class="editable_textarea" id="paragraph_1">click here to edit text content</p>
<p>
<input type="text" class="inv" value="4">
</p>
</div>
</div>
<div>
</div>
jQuery 部分:
var currentIndex = 0;
$(document).ready(function() {
$("#dino-example").owlCarousel({
items: 5,
singleItem: true,
afterMove: function() {
currentIndex = this.currentItem;
}
});
});
$(".editable_textarea").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", {
indicator: "",
type: 'textarea',
submitdata: {
projectidx: $("#dino-example .inv").val()
},
select: true,
submit: 'OK',
cancel: 'cancel',
cssclass: "editable"
});
现在的问题是,当单击提交按钮时,我无法在ajax上使用editable
传递textbox
值。我在每张幻灯片上都获得了第一张幻灯片文本框值,但该值无效。
submitdata: {
projectidx: $("#dino-example .inv").val()
},
如果我在第二张幻灯片上,则无法获取 $("#dino-example .inv").val()
文本框值。
知道如何传递文本框值吗?
这是我在 JSFiddle 上的示例代码:http://jsfiddle.net/f43waf7j/3/
谢谢。
最佳答案
将 submitdata
替换为以下代码段:
$(".editable_textarea").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", {
// ...
submitdata: function(){
return { projectidx: $(".inv").eq(currentIndex).val() };
},
// ....
}
关于javascript - jQuery 右侧文本框值未在提交数据上获取,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34961918/