Javascript 未使用jquery中的click函数设置属性引用
在我的网站中,我有两个下拉列表,每个下拉列表都有自己的链接,目前有一个相对的url 列表项的基本结构如下所示:Javascript 未使用jquery中的click函数设置属性引用,javascript,jquery,Javascript,Jquery,在我的网站中,我有两个下拉列表,每个下拉列表都有自己的链接,目前有一个相对的url 列表项的基本结构如下所示: <ul class="which-way"> <li class="which-init">Unguided I-Day Return Trips</li> <li data-value="value 2" class="cadja"><span class="value">beginners</span
<ul class="which-way">
<li class="which-init">Unguided I-Day Return Trips</li>
<li data-value="value 2" class="cadja"><span class="value">beginners</span><span class="real">Darling Wine & Beer Trip</span></li>
<li data-value="value 3" class="cadja"><span class="value">mamre-werf-khwa-ttu-culture-day-by-which-way-trips</span><span class="real">Culture & Adventure Trip</span></li>
<li data-value="value 4" class="cadja"><span class="value">cape-west-coast-wildlife-fossil-trip</span><span class="real">Wildlife & Fossils Trip</span></li>
</ul>
$(document).ready(function(){
$("ul.which-way").on("click", function() {
$(this).find('li').toggleClass("open-list");
$(this).find('open-list').css("display", "block");
});
$("li.cadja").on("click", function(){
$($(this).parent().find('.which-init')[0]).html($(this).html());
handleDropdownOne();
});
});
window.handleDropdownOne = function() {
var dropOneValue = $($($('.drowpdown-one').find('.which-init')[0]).find('span.value')[0]).text();
console.log(dropOneValue);
};
handleDropdownOne();
$('a#trip').on("click", function(){
$(this).attr("href", "https://www.westcoastway.co.za/"+dropOneValue);
});
请帮助在函数外部声明变量“dropOneValue”
$(document).ready(function() {
$("ul.which-way").on("click", function() {
$(this).find('li').toggleClass("open-list");
$(this).find('open-list').css("display", "block");
});
$("li.cadja").on("click", function() {
$($(this).parent().find('.which-init')[0]).html($(this).html());
handleDropdownOne();
});
});
var dropOneValue = '';
window.handleDropdownOne = function() {
dropOneValue = $($($('.drowpdown-one').find('.which-init')[0]).find('span.value')[0]).text();
console.log(dropOneValue);
};
handleDropdownOne();
$('a#trip').on("click", function() {
$(this).attr("href", "https://www.westcoastway.co.za/" + dropOneValue);
});
你的代码笔给了我一个错误-未捕获引用错误:dropOneValue未定义。因此,当你单击“查找你的行程”时,你想在url后添加下拉列表的文本值吗?当我单击“查找你的行程”时,我想将url设置为www.google.com/“文本值”范围为“dropOneValue”限制为window.handleDropdownOne函数在您的案例中使变量成为全局变量将导致两个链接之间发生冲突。如果我在第一个链接上做出选择并单击,它将起作用。但是,只要我单击我转到第二个链接,选择我想要的并单击,该值仍将携带来自上一个所选列表项的数据。希望我有点道理。